@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--bg:#020617;--fg:#e5f2ff;--muted:#6b7280;--accent:#38bdf8;--accent-soft:#7dd3fc;--accent-strong:#0ea5e9;--section-title-blue:#0ea5e9;--section-title-cyan:#22d3ee;--section-title-violet:#6366f1;--section-glow-cyan:rgba(56,189,248,.35);--section-glow-violet:rgba(129,140,248,.8);--header-h:64px}html,body{background:var(--bg);color:var(--fg);scroll-behavior:smooth;margin:0;padding:0;font-family:JetBrains Mono,monospace}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-soft)}h1,h2,h3{color:var(--fg);margin:0}.title{color:var(--fg);cursor:pointer;font-size:max(32px,min(6vw,64px));font-weight:700;transition:color .3s,transform .3s;animation:8s ease-in-out infinite pulseTitle;display:inline-block;position:relative}.title:hover{color:var(--accent);text-shadow:0 0 8px rgba(56,189,248,.7);transform:scale(1.05)}@keyframes pulseTitle{0%,to{text-shadow:0 0 6px rgba(56,189,248,.4);color:var(--fg)}50%{text-shadow:0 0 14px rgba(129,140,248,.9);color:var(--accent-soft)}}nav{z-index:6000;position:relative}nav a{z-index:6000;padding:4px 0;font-size:16px;font-weight:500;position:relative;color:#f9fafb!important}nav a:after{content:"";background:var(--accent);transform-origin:100%;width:100%;height:2px;transition:transform .3s;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}nav a:hover:after{transform-origin:0;transform:scaleX(1)}.nav-link.active{text-shadow:0 0 6px rgba(56,189,248,.85);font-weight:700;color:var(--accent)!important}.nav-links{justify-content:center;align-items:center;gap:24px;display:flex}.menu-toggle,.nav-drawer{display:none!important}.logo{transform-origin:50%;animation:10s infinite blink}@keyframes blink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.05)}}.card{text-align:center;background:#071c27;border:1px solid #0f3445;border-radius:12px;flex-direction:column;gap:10px;width:100%;max-width:280px;margin:0 auto;padding:20px;transition:all .3s;display:flex}.card h3{color:#f9fafb}.card p{color:#d5e5ee;font-size:14px}.separator{background:linear-gradient(90deg,transparent,rgba(56,189,248,.8),transparent) 0 0/200% 100%;width:100%;height:1px;animation:6s linear infinite shine}@keyframes shine{0%{background-position:200% 0}to{background-position:-200% 0}}.reveal{opacity:0;will-change:opacity,transform;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}.section-title{background:linear-gradient(90deg,var(--section-title-blue),var(--section-title-cyan),var(--section-title-violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:20px;font-size:36px;font-weight:700;animation:6s ease-in-out infinite fadeGlow}@keyframes fadeGlow{0%,to{text-shadow:0 0 6px var(--section-glow-cyan)}50%{text-shadow:0 0 18px var(--section-glow-violet)}}.section-text{color:#d5e5ee;max-width:700px;margin:0 auto;font-size:15px;line-height:1.6}.featured-grid,.grid-container{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));justify-items:center;gap:24px;padding:40px 0;display:grid}.bg-gradient{background:linear-gradient(270deg,#020617,#0b2835,#020617) 0 0/600% 600%;animation:15s infinite gradientShift}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.hero-section{width:100%;min-height:calc(100vh - var(--header-h));padding-top:var(--header-h);justify-content:flex-start;align-items:center;display:flex;position:relative;overflow:hidden}.hero-text{--hero-x:15%;--hero-y:-10%;z-index:1;text-align:left;max-width:600px;transform:translate(var(--hero-x),var(--hero-y));flex-direction:column;align-items:flex-start;gap:15px;display:flex;position:relative}.hero-name{color:var(--accent);cursor:pointer;background:rgba(0,0,0,.4);border-radius:8px;width:auto;padding:4px 10px;font-size:max(18px,min(3.5vw,28px));font-weight:400;display:inline-block}.hero-hint{color:var(--muted);margin-top:4px;font-size:12px;display:block}.hero-desc{color:var(--fg);word-break:normal;overflow-wrap:anywhere;-webkit-hyphens:manual;hyphens:manual;background:rgba(0,0,0,.4);border-radius:8px;max-width:69%;padding:8px 16px;font-size:max(10px,min(1vw,10px));line-height:1.55;transition:font-size .3s}.hero-bg{object-fit:cover;object-position:center;transition:filter .6s}.hero-bg.hue{filter:hue-rotate(190deg)saturate(1.8)}.hero-bg.grayscale{filter:grayscale()}.hero-bg.yellow{filter:sepia()hue-rotate(200deg)saturate(2)}.blog-section{color:var(--fg);background:#031019}.blog-img{border-radius:8px;width:100%}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:5500;background:rgba(4,17,23,.3);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.dialog{text-align:center;z-index:6000;background:#020617;border-radius:12px;min-width:300px;max-width:90%;padding:20px}@media (max-width:768px){:root{--header-h:72px}.hero-text{--hero-x:5%;--hero-y:0%;gap:10px;max-width:90%}.hero-desc{padding:6px 12px;font-size:14px;line-height:1.45}.section-title{font-size:28px}}.contact-dialog{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:rgba(4,23,34,.95);border:1px solid #0f3445;width:min(520px,92vw);padding:24px 22px 20px;position:relative;box-shadow:0 10px 40px rgba(0,0,0,.5)}.close-btn{color:rgba(255,255,255,.85);cursor:pointer;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.2);border-radius:999px;place-items:center;width:34px;height:34px;transition:background .2s,transform 60ms;display:grid;position:absolute;top:10px;right:10px}.close-btn:active{transform:scale(.97)}.close-btn:focus{outline-offset:2px;outline:2px solid rgba(255,255,255,.3)}.contact-header{text-align:center;margin-top:12px;margin-bottom:8px}.contact-header h3{font-size:18px;font-weight:700}.contact-header p{color:rgba(229,229,229,.75);margin-top:4px;font-size:12px}.btn{cursor:pointer;border:1px solid transparent;border-radius:10px;justify-content:center;align-items:center;height:36px;padding:0 14px;font-size:14px;font-weight:600;transition:background .2s,border-color .2s,transform 60ms;display:inline-flex}.btn:active{transform:translateY(1px)}.svc-icon,.card svg{width:40px;height:40px;margin:0 auto;display:block}.contact-dialog{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;background:rgba(4,23,34,.95);border:1px solid #0f3445;width:min(520px,92vw);padding:24px 22px 20px;position:relative;box-shadow:0 10px 40px rgba(0,0,0,.5)}.close-btn{color:rgba(255,255,255,.85);cursor:pointer;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.2);border-radius:999px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:10px;right:10px}.close-btn:hover{background:rgba(255,255,255,.12)}.contact-header{margin:12px 0 8px}.contact-header img{object-fit:cover;border-radius:999px;width:96px;height:96px;margin:0 auto 10px;display:block;box-shadow:0 0 0 2px rgba(255,255,255,.08)}.contact-header h3{margin:0;font-size:18px;font-weight:700}.contact-header p{color:rgba(229,229,229,.75);margin:4px 0 0;font-size:12px}.contact-grid{border:1px solid rgba(255,255,255,.06);border-radius:12px;margin-top:16px;overflow:hidden}.contact-grid .row{border-top:1px solid rgba(255,255,255,.06);grid-template-columns:110px 1fr;align-items:baseline;gap:12px;padding:12px 14px;display:grid}.contact-grid .row:first-child{border-top:none}.contact-grid .label{color:rgba(229,229,229,.65);font-size:13px}.contact-grid .value{color:inherit;word-break:break-word;font-size:14px;text-decoration:none}.contact-grid .value:hover{text-decoration:underline}.contact-cta{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.btn{cursor:pointer;border:1px solid transparent;border-radius:10px;justify-content:center;align-items:center;height:36px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{color:#000;background:#fff}.btn-primary:hover{background:#e9e9e9}.btn-ghost{color:inherit;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.15)}.btn-ghost:hover{background:rgba(255,255,255,.12)}.overlay{z-index:5500;background:rgba(0,0,0,.7);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.dialog{background:#041722;border-radius:12px;max-width:90%;padding:20px}.grid-container{align-items:stretch}.card{flex-direction:column;gap:10px;width:100%;max-width:280px;display:flex}.project-main{box-sizing:border-box}.project-hero-img{display:block}.project-links{flex-wrap:wrap;gap:12px;margin-bottom:32px;display:flex}.project-link{border:1px solid transparent;border-radius:999px;padding:8px 14px;font-size:14px;text-decoration:none}.project-link-demo{border-color:var(--accent);color:var(--accent)}.project-link-repo{border-color:var(--accent-soft);color:var(--accent-soft)}.project-grid{grid-template-columns:1fr;gap:20px;margin-top:10px;margin-bottom:40px;display:grid}.project-card{text-align:left;box-sizing:border-box;background:#071c27;border:1px solid #0f3445;border-radius:12px;width:100%;padding:18px 16px}.project-card h3{color:var(--fg);margin:0 0 8px;font-size:16px}.project-card p,.project-card li{color:#d5e5ee;margin:0;font-size:14px}.project-card ul{margin:0;padding-left:18px}.card:hover{border-color:rgba(248,250,252,.45);transform:translateY(-4px);box-shadow:0 22px 60px rgba(0,0,0,.85)}.section-subtitle{color:#9aa1b2;margin-top:8px;margin-bottom:32px;font-size:.95rem}.home-section{text-align:center;padding:60px 20px}.home-section-alt{background:#020617}.home-section-deep{background:#020f1a}.hero-bullets{flex-direction:column;gap:4px;margin-top:8px;display:flex}.home-section .btn{margin-top:24px}@media (min-width:768px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid .project-card:first-child{grid-column:1/-1}}