@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800&display=swap";:root{color:#f1f1f7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#0a0a0e;--surface:#111117;--surface-hover:#17171f;--border:#272731;--text:#f1f1f7;--muted:#9999ab;--accent:#a78bfa;--green:#7ee0b3;--mono:"DM Mono", monospace;background:#0a0a0e;font-family:Inter,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--bg);min-width:320px;margin:0}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 75% 8%,#7c3aed0c,#0000 38%),radial-gradient(at 5% 45%,#8b5cf608,#0000 35%);position:fixed;inset:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{color:#fff;background:#8b5cf6}.container{width:min(1120px,100% - 48px);margin-inline:auto}.navbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0a0ee8;border-bottom:1px solid #272731aa;justify-content:space-between;align-items:center;min-height:76px;padding:0 max(24px,50% - 560px);display:flex;position:sticky;top:0}.brand{letter-spacing:-.4px;align-items:center;gap:9px;font-size:15px;font-weight:700;display:inline-flex}.brand-icon{width:32px;height:32px;color:var(--accent);background:#a78bfa0c;border:1px solid #a78bfa40;border-radius:9px;place-items:center;display:grid}.brand-dot{color:var(--accent)}.nav-links{align-items:center;gap:19px;display:flex}.nav-links>a{color:var(--muted);align-items:center;gap:5px;font-size:11px;transition:color .18s;display:inline-flex}.nav-links>a:hover,.social-links a:hover{color:var(--text)}.nav-links .nav-resume{color:var(--text);border:1px solid var(--border);border-radius:7px;padding:10px 12px}.menu-toggle{color:var(--text);background:0 0;border:0;display:none}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:65px;min-height:650px;padding-top:85px;padding-bottom:115px;display:grid;position:relative}.hero-copy{min-width:0}.availability,.eyebrow,.project-index,.project-category,.project-status,.fact-label,.scroll-indicator{font-family:var(--mono);letter-spacing:.8px;font-size:10px}.availability{color:#a5e9c7;background:#7ee0b309;border:1px solid #7ee0b322;border-radius:6px;align-items:center;gap:9px;padding:10px 12px;display:inline-flex}.status-dot{background:var(--green);border-radius:50%;flex:none;width:7px;height:7px;display:inline-block;box-shadow:0 0 12px #7ee0b355}.hero h1{letter-spacing:-3.6px;margin:30px 0 22px;font-size:clamp(43px,5.2vw,66px);font-weight:700;line-height:1.1}.gradient-text{color:var(--accent);-webkit-text-fill-color:transparent;background:linear-gradient(105deg,#c4b5fd 5%,#8b5cf6 80%);-webkit-background-clip:text;background-clip:text}.hero-description{max-width:490px;color:var(--muted);font-size:14px;line-height:1.95}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:29px;display:flex}.button{border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:45px;padding:0 16px;font-size:12px;font-weight:600;transition:transform .18s,background .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{color:#100b1c;background:#b8a3ff}.button-primary:hover{background:#c9baff}.button-secondary{color:var(--text);background:var(--surface);border:1px solid var(--border)}.social-links{flex-wrap:wrap;gap:23px;margin-top:31px;display:flex}.social-links a{color:var(--muted);align-items:center;gap:7px;font-size:11px;transition:color .18s;display:inline-flex}.terminal-card{background:#0e0e14;border:1px solid #34303f;border-radius:13px;overflow:hidden;box-shadow:0 25px 90px #0005,0 0 50px #8b5cf60b}.terminal-top,.terminal-footer{color:var(--muted);font-family:var(--mono);justify-content:space-between;align-items:center;gap:12px;padding:15px 19px;font-size:10px;display:flex}.terminal-top{border-bottom:1px solid var(--border)}.window-dots{gap:6px;display:flex}.window-dots span{background:#4b4855;border-radius:50%;width:8px;height:8px}.window-dots span:first-child{background:#f87171}.window-dots span:nth-child(2){background:#fbbf24}.window-dots span:nth-child(3){background:#6ee7a0}.terminal-body{color:#e4e4ed;font-family:var(--mono);padding:27px 20px;font-size:10px;line-height:1.8}.terminal-body p{overflow-wrap:anywhere;margin:0 0 8px}.code-comment{color:#858597}.code-purple{color:#c4b5fd}.code-green{color:#86efac}.code-indent{padding-left:17px}.terminal-divider{background:var(--border);height:1px;margin:24px 0 20px}.terminal-cursor{vertical-align:middle;background:var(--accent);width:7px;height:14px;margin-left:3px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.terminal-footer{border-top:1px solid var(--border);background:#ffffff03;font-size:9px}.terminal-footer>span:first-child{align-items:center;gap:8px;display:inline-flex}.scroll-indicator{color:#777789;align-items:center;gap:10px;font-size:9px;display:flex;position:absolute;bottom:40px;left:0}.section{padding-top:95px;padding-bottom:30px}.section-heading{margin-bottom:36px}.eyebrow{color:var(--accent);align-items:center;gap:10px;display:inline-flex}.section-number{color:#777789}.section-heading h2,.contact-card h2{letter-spacing:-1.7px;margin:16px 0 10px;font-size:clamp(29px,4vw,41px);line-height:1.2}.section-heading>p,.contact-card>p{color:var(--muted);font-size:13px;line-height:1.8}.about-grid{grid-template-columns:1.2fr .8fr;gap:75px;display:grid}.about-copy p{color:#b6b6c4;margin:0 0 18px;font-size:13px;line-height:2}.about-facts{border-top:1px solid var(--border);display:grid}.fact{border-bottom:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:8px;padding:17px 0;display:flex}.fact-label{color:#858597;font-size:9px}.fact strong{font-size:13px;font-weight:600}.fact-detail{color:var(--muted);font-size:11px}.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.skill-card{border:1px solid var(--border);background:#ffffff02;border-radius:9px;align-items:center;gap:11px;min-width:0;padding:15px 13px;transition:border-color .18s,background .18s;display:flex}.skill-card:hover{background:#a78bfa08;border-color:#a78bfa70}.skill-index{color:#666679;font-family:var(--mono);font-size:9px}.skill-card>svg{color:var(--accent);flex-shrink:0}.skill-info{flex-direction:column;gap:5px;min-width:0;display:flex}.skill-info>span{overflow-wrap:anywhere;font-size:11px}.skill-info small{color:#858597;font-family:var(--mono);letter-spacing:.3px;font-size:8px}.section-note{color:#858597;margin-top:20px;font-size:11px;line-height:1.8}.api-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.api-card{border:1px solid var(--border);background:linear-gradient(145deg,#13131b,#0d0d12);border-radius:10px;min-width:0;padding:22px;transition:border-color .18s,transform .18s}.api-card:hover{border-color:#a78bfa60;transform:translateY(-2px)}.api-icon{width:39px;height:39px;color:var(--accent);background:#a78bfa0a;border:1px solid #a78bfa35;border-radius:9px;place-items:center;margin-bottom:22px;display:grid}.api-label{color:var(--accent);font-family:var(--mono);letter-spacing:.8px;font-size:9px}.api-card h3{margin:15px 0 10px;font-size:19px}.api-card p{min-height:100px;color:var(--muted);font-size:12px;line-height:1.8}.api-card pre{border:1px solid var(--border);color:#b9a7ff;font-family:var(--mono);background:#09090d;border-radius:7px;padding:13px;font-size:10px;line-height:1.9;overflow-x:auto}.api-card code{white-space:pre}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.project-card{border:1px solid var(--border);background:linear-gradient(145deg,#13131b,#0d0d12);border-radius:11px;flex-direction:column;min-width:0;padding:24px;transition:transform .18s,border-color .18s;display:flex}.project-card:hover{border-color:#a78bfa60;transform:translateY(-3px)}.project-top{color:var(--accent);justify-content:space-between;align-items:center;display:flex}.project-index{color:#858597;font-size:9px}.project-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:30px 0 9px;display:flex}.project-category{color:var(--accent);margin:0;font-size:9px}.project-status{color:#c4b5fd;letter-spacing:.4px;border:1px solid #a78bfa35;border-radius:5px;padding:5px 8px;font-size:9px}.project-card h3{letter-spacing:-.8px;overflow-wrap:anywhere;margin:9px 0 12px;font-size:23px}.project-description{color:var(--muted);overflow-wrap:anywhere;flex:1;margin:0;font-size:12px;line-height:1.9}.tech-tags{flex-wrap:wrap;gap:7px;margin-top:22px;display:flex}.tech-tags span{color:#c4c4d2;font-family:var(--mono);background:#ffffff03;border:1px solid #34303f;border-radius:5px;padding:6px 8px;font-size:9px}.project-links{border-top:1px solid var(--border);flex-wrap:wrap;gap:18px;margin-top:23px;padding-top:17px;display:flex}.project-links a{color:#d6d1e6;align-items:center;gap:7px;font-size:11px;display:inline-flex}.project-links a:hover{color:var(--accent)}.achievement-list{gap:12px;display:grid}.achievement-card{border:1px solid var(--border);background:var(--surface);border-radius:10px;align-items:center;gap:18px;padding:22px;display:flex}.achievement-symbol{width:43px;height:43px;color:var(--accent);background:#a78bfa09;border:1px solid #a78bfa35;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.achievement-content{flex:1;min-width:0}.achievement-label{color:var(--accent);font-family:var(--mono);letter-spacing:.8px;font-size:9px}.achievement-card h3{margin:8px 0;font-size:14px}.achievement-card p{color:var(--muted);margin:0;font-size:11px;line-height:1.8}.achievement-mark{color:var(--green);font-family:var(--mono);flex-shrink:0;font-size:13px}.contact-card{background:radial-gradient(ellipse at 95% 0%, #8b5cf615, transparent 45%), var(--surface);border:1px solid #a78bfa35;border-radius:13px;padding:clamp(25px,5vw,52px)}.contact-card h2{max-width:650px}.contact-card>p{max-width:550px;margin-bottom:24px}.contact-email{overflow-wrap:anywhere;margin-top:24px}.footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;margin-top:100px;padding-top:23px;padding-bottom:27px;font-size:10px;display:flex}.footer>a:last-child{color:#c4b5fd}@media (width<=1000px){.navbar{padding-inline:24px}.nav-links{gap:12px}.nav-links>a{font-size:10px}.hero{gap:35px}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=850px){.hero{grid-template-columns:1fr;gap:38px;min-height:auto;padding-top:85px;padding-bottom:105px}.hero-copy{max-width:650px}.terminal-card{max-width:600px}.scroll-indicator{bottom:35px}.about-grid{grid-template-columns:1fr;gap:25px}.api-grid{grid-template-columns:1fr}.api-card p{min-height:auto}.nav-links{gap:10px}}@media (width<=600px){.container{width:calc(100% - 36px)}.navbar{min-height:66px;padding-inline:18px}.menu-toggle{cursor:pointer;place-items:center;width:40px;height:40px;display:grid}.nav-links{border-bottom:1px solid var(--border);background:#0a0a0e;align-items:stretch;gap:0;padding:12px 18px 18px;display:none;position:absolute;top:65px;left:0;right:0}.nav-links.open{flex-direction:column;display:flex}.nav-links>a{padding:14px 5px;font-size:12px}.nav-links .nav-resume{justify-content:center;margin-top:7px}.hero{gap:35px;padding-top:65px;padding-bottom:95px}.availability{letter-spacing:.3px;font-size:8px}.hero h1{letter-spacing:-2.5px;font-size:clamp(37px,9.5vw,52px)}.hero-description{font-size:13px}.social-links{gap:17px}.terminal-body{padding:23px 13px;font-size:9px}.terminal-top,.terminal-footer{padding-inline:12px}.section{padding-top:70px}.section-heading h2,.contact-card h2{letter-spacing:-1px}.skills-grid{grid-template-columns:1fr;gap:9px}.skill-card{padding:13px}.projects-grid{grid-template-columns:1fr}.project-card{padding:20px}.project-meta{flex-direction:column;align-items:flex-start}.achievement-card{align-items:flex-start;gap:12px;padding:16px}.achievement-symbol{width:36px;height:36px}.achievement-mark{font-size:10px}.footer{flex-wrap:wrap;margin-top:65px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
