:root{--mckl-highlight: #FDDA0D;--mckl-font-color: #565656;--mckl-font-color-alt: #FFF;--mckl-transition: 0.6s;--mckl-panel-bg: #f8fafc;--mckl-card-bg: #eef2f7;--mckl-border-soft: rgba(0,0,0,0.05);--mckl-scotland: #005EB8;--mckl-scotland-tint: #005fb85e;--mckl-muted: #9da7b2}span.mckl-separator-dot::before{content:"•";margin:0 .25rem;color:var(--mckl-scotland)}::selection{background:var(--mckl-scotland);color:var(--mckl-font-color-alt)}::-webkit-scrollbar{background:var(--mckl-font-color-alt);height:8px;width:8px}::-webkit-scrollbar-thumb{background:var(--mckl-scotland);border-radius:2px}section:nth-of-type(even){background:var(--mckl-panel-bg);border-radius:20px}.text-accent{background:linear-gradient(-90deg, var(--mckl-scotland-tint), var(--mckl-scotland));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.card{background:var(--mckl-card-bg);border-radius:16px;border:1px solid var(--mckl-border-soft);transition:all 0.25s ease}.text-muted{opacity:0.75}.quick-card{background:linear-gradient(135deg, #f8fafc, #eef2f7);border-radius:20px}.quick-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-size:20px;background:white;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,0.05)}.stack-block{padding:20px;border-radius:16px;background:#ffffff;border:1px solid rgba(0,0,0,0.05);transition:all 0.2s ease}.stack-block:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,0.06)}.now-panel{background:linear-gradient(135deg, rgba(180,210,255,0.25), rgba(220,210,255,0.2));border-radius:24px;position:relative;overflow:hidden}.now-panel::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right, rgba(255,255,255,0.4), transparent 60%);pointer-events:none}.now-stack{display:flex;flex-direction:column;gap:10px}.now-stack-item{background:white;padding:10px 14px;border-radius:12px;font-size:0.9rem;border:1px solid rgba(0,0,0,0.05);transition:all 0.2s ease}.now-stack-item:hover{transform:translateX(6px);box-shadow:0 8px 20px rgba(0,0,0,0.06)}body,html{color:var(--mckl-font-color) !important}body{background:#f9fafb;color:#111827}body::before{content:"";position:absolute;top:0;left:0;width:100%;height:clamp(420px, 60vh, 650px);background:radial-gradient(circle at 20% 20%, rgba(255,200,220,0.35), transparent 50%),radial-gradient(circle at 80% 30%, rgba(180,210,255,0.35), transparent 55%),radial-gradient(circle at 50% 80%, rgba(220,210,255,0.3), transparent 60%),linear-gradient(to bottom, rgba(255,240,245,0.5) 0%, rgba(240,249,255,0.4) 40%, rgba(245,243,255,0.3) 70%, rgba(249,250,251,0) 100%);z-index:-1;pointer-events:none;filter:blur(40px)}.pill{padding:0.5rem 1rem;border-radius:999px;background:rgba(255,255,255,0.7);backdrop-filter:blur(10px);border:1px solid #e5e7eb;box-shadow:0 2px 6px rgba(0,0,0,0.05);transition:all 0.2s ease;text-decoration:none;color:inherit;display:inline-block}.pill-sm{padding:0.5rem 0.5rem;border-radius:999px;background:rgba(255,255,255,0.7);backdrop-filter:blur(10px);border:1px solid #e5e7eb;box-shadow:0 2px 6px rgba(0,0,0,0.05);transition:all 0.2s ease;text-decoration:none;color:inherit;display:inline-block;font-size:12px}.pill a,.pill-sm a{color:inherit;text-decoration:none}.pill:hover{background:rgba(255,255,255,0.9)}.hero-img{width:12rem;height:12rem;object-fit:cover;border-radius:1rem;box-shadow:0 10px 25px rgba(0,0,0,0.1)}.card-hover{transition:box-shadow 0.2s ease}.card-hover:hover{box-shadow:0 10px 25px rgba(0,0,0,0.1)}.container-custom{max-width:1152px;margin:0 auto;padding-left:1.5rem;padding-right:1.5rem}.mckl-btn-ghost{background:rgba(177,82,203,0.04);border-color:rgba(177,82,203,0.1);color:var(--mckl-font-color)}.mckl-btn-ghost:hover{background:rgba(177,82,203,0.1);color:var(--mckl-font-color)}a{text-decoration:underline;text-decoration-color:var(--mckl-font-color);text-decoration-style:dotted;text-decoration-thickness:2px;text-underline-offset:6px}a:hover{text-decoration-style:dashed}a.mckl-card-link{text-decoration:none;display:block}a.mckl-card-link .card{box-shadow:0 1px 3px rgba(0,0,0,0.08);transition:box-shadow var(--mckl-transition) ease,transform var(--mckl-transition) ease}a.mckl-card-link:hover .card{box-shadow:0 12px 20px -4px rgba(0,0,0,0.2),0 6px 10px -3px rgba(0,0,0,0.12);transform:translateY(-2px)}.mckl-small{font-size:0.650rem}.btn-rotate{transition:transform 0.2s ease}.btn-rotate:hover{transform:rotate(2deg)}.btn-transform{transition:transform 0.25s cubic-bezier(0.4, 0, 0.2, 1)}.btn-transform:hover{transform:scale(1.1) rotate(2deg)}.ls-fw-semi{font-weight:400}.featured-blog-card{border-radius:28px;overflow:hidden;background:linear-gradient(135deg, rgba(255,255,255,0.9), rgba(248,250,252,0.95))}.featured-blog-image{width:100%;height:100%;min-height:360px;object-fit:cover}.blog-card,.project-card{overflow:hidden;border-radius:22px;background:rgba(255,255,255,0.85)}.blog-card-img{width:100%;height:220px;object-fit:cover}.blog-card h5,.project-card h5{line-height:1.4}.blog-card .pill{font-size:0.75rem;padding:0.35rem 0.8rem}.blog-card:hover .blog-card-img{transform:scale(1.03)}a.mckl-card-link{height:100%}.blog-card,.project-card{display:flex;flex-direction:column;height:100%}.blog-card>.p-4,.project-card>.p-4{display:flex;flex-direction:column;flex:1}.blog-card h5{min-height:3.5rem}.blog-card p,.project-card p{flex:1}.blog-card-img{transition:transform 0.5s ease}@media (max-width: 768px){.featured-blog-image{min-height:240px}.blog-card-img{height:200px}}.contact-hero{position:relative}.modern-input{border-radius:16px;border:1px solid rgba(0,0,0,0.06);background:rgba(255,255,255,0.8);padding:0.9rem 1rem}.modern-input:focus{box-shadow:none;border-color:rgba(79,140,255,0.35)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:1rem}.social-card{display:block;height:100%;padding:2rem;border-radius:28px;background:linear-gradient(180deg, rgba(255,255,255,0.92), rgba(248,250,252,0.88));border:1px solid rgba(255,255,255,0.45);color:inherit;text-decoration:none;position:relative;overflow:hidden;transition:transform 0.25s ease, box-shadow 0.25s ease}.social-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right, rgba(255,255,255,0.45), transparent 50%);pointer-events:none}.social-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,0.08)}.social-card-top{display:flex;justify-content:space-between;align-items:center}.social-brand-icon{width:60px;height:60px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;background:white;box-shadow:0 8px 20px rgba(0,0,0,0.06)}.social-brand-svg{width:50%;display:block}.social-status{padding:0.45rem 0.9rem;border-radius:999px;font-size:0.8rem;font-weight:600;background:rgba(34,197,94,0.1);color:#16a34a}.social-status-muted{background:rgba(59,130,246,0.08);color:#3b82f6}.social-status-warning{background:rgba(245,158,11,0.1);color:#d97706}.social-footer{display:flex;justify-content:space-between;align-items:center;font-size:0.9rem;color:rgba(0,0,0,0.55)}.social-card-warning{border:1px solid rgba(245,158,11,0.15)}@media (max-width: 768px){.social-card{padding:1.5rem}.section-heading{flex-direction:column;align-items:start}}footer.container-custom{border-top:1px solid rgba(0,0,0,0.08);padding:2rem 1.5rem;margin-top:4rem}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:0.6rem}.footer-flag{font-size:1.3rem;color:#005EB8;opacity:0.5;line-height:1;letter-spacing:-1px}.footer-copy{font-size:0.8rem;color:#888;margin:0;letter-spacing:0.03em}.footer-contact{font-size:0.8rem;color:inherit;opacity:0.5;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:1px;transition:opacity 0.2s}.footer-contact:hover{opacity:1}pre.highlight{background:var(--mckl-card-bg);color:var(--mckl-font-color);border-radius:8px;padding:1rem 1.25rem;overflow:visible;font-family:"JetBrains Mono", "Fira Code", monospace;font-size:0.95rem;line-height:1.55;border:1px solid rgba(253,218,13,0.05);box-shadow:0 0 8px rgba(0,0,0,0.25);-webkit-overflow-scrolling:touch}pre.highlight{white-space:pre;margin:0}code.highlighter-rouge{background:var(--mckl-scotland-tint);color:#b6ffb6;padding:0.15rem 0.35rem;border-radius:4px;font-family:"JetBrains Mono", monospace;font-size:0.9em;white-space:nowrap}.highlight .c{color:var(--mckl-muted);font-style:italic}.highlight .err{color:#ff5555;background-color:#330000}.highlight .k{color:#80b3ff}.highlight .o{color:#e6edf3}.highlight .cm{color:var(--mckl-muted);font-style:italic}.highlight .cp{color:#8be9fd}.highlight .c1{color:var(--mckl-muted);font-style:italic}.highlight .cs{color:#9da7b2;font-weight:600}.highlight .gd{color:#ffbaba;background-color:#2a0000}.highlight .gi{color:#b6ffb6;background-color:#001a00}.highlight .gh{color:var(--mckl-highlight);font-weight:bold}.highlight .kt{color:#ff9d00}.highlight .na{color:#9cdcfe}.highlight .nb{color:#4ec9b0}.highlight .nc{color:#ffb454}.highlight .nf{color:#82aaff}.highlight .nt{color:#569cd6}.highlight .nv{color:#e6edf3}.highlight .s{color:#98c379}.highlight .sd{color:#98c379;font-style:italic}.highlight .se{color:#d19a66}.highlight .ss{color:#56b6c2}.highlight .m{color:#b5cea8}.highlight .il{color:#b5cea8}.highlight table{border-spacing:0;width:100%}.highlight .gutter{color:var(--mckl-font-color-dark);text-align:right;padding-right:1em;user-select:none;border-right:1px solid rgba(255,255,255,0.05);min-width:2.5em}pre.highlight .code{padding-left:1em}div.highlight{margin-bottom:10px}@media (max-width: 992px){pre.highlight{font-size:0.9rem;padding:0.9rem 1rem}}@media (max-width: 768px){pre.highlight{font-size:0.85rem;border-radius:6px;padding:0.75rem 0.9rem}.highlight pre{white-space:pre-wrap;word-wrap:break-word}}@media (max-width: 480px){pre.highlight{font-size:0.8rem;line-height:1.4;padding:0.7rem 0.8rem}code.highlighter-rouge{font-size:0.85em}}figure.highlight{display:block;max-width:100%;overflow-x:auto;overflow-y:hidden;margin:1rem 0;padding:0;border-radius:8px;-webkit-overflow-scrolling:touch}figure.highlight table,figure.highlight .rouge-table{width:max-content;min-width:100%;border-collapse:collapse}figure.highlight pre{margin:0;white-space:pre;width:max-content;min-width:100%;overflow:visible;background:transparent}figure.highlight::-webkit-scrollbar{height:8px}figure.highlight::-webkit-scrollbar-thumb{background:rgba(253,218,13,0.25);border-radius:4px}figure.highlight:hover::-webkit-scrollbar-thumb{background:rgba(253,218,13,0.5)}main.container.d-flex>*,.container.d-flex>*{min-width:0}.language-sql.highlighter-rouge,.language-bash.highlighter-rouge,.language-powershell.highlighter-rouge,.language-js.highlighter-rouge,.language-csharp.highlighter-rouge,.language-json.highlighter-rouge,.language-html.highlighter-rouge,.language-xml.highlighter-rouge,.language-yaml.highlighter-rouge,.highlighter-rouge{max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.language-sql.highlighter-rouge>.highlight,.highlighter-rouge>.highlight{max-width:100%;overflow-x:auto;overflow-y:hidden;border-radius:8px;border:1px solid rgba(253,218,13,0.05);background:var(--mckl-card-bg);-webkit-overflow-scrolling:touch}.language-sql.highlighter-rouge pre.highlight,.highlighter-rouge pre.highlight{margin:0;padding:1rem 1.25rem;width:max-content;min-width:100%;overflow:visible;white-space:pre;font-family:"JetBrains Mono", "Fira Code", monospace;font-size:0.95rem;line-height:1.55}.highlighter-rouge::-webkit-scrollbar,.language-sql.highlighter-rouge::-webkit-scrollbar{height:8px}.highlighter-rouge::-webkit-scrollbar-thumb,.language-sql.highlighter-rouge::-webkit-scrollbar-thumb{background:var(--mckl-scotland);border-radius:4px}.highlighter-rouge:hover::-webkit-scrollbar-thumb,.language-sql.highlighter-rouge:hover::-webkit-scrollbar-thumb{background:var(--mckl-scotland)}.alert-blockquote>p{padding:0;margin:0}.highlighter-rouge{overflow-x:auto;display:block}.project-link{color:inherit;text-decoration:none}