.animated-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;opacity:.95}.site>*:not(.animated-canvas):not(.ambient-orb):not(.floating-code){position:relative;z-index:1}.ambient-orb{position:fixed;width:420px;height:420px;border-radius:50%;pointer-events:none;filter:blur(90px);opacity:.11;z-index:0;animation:orbFloat 12s ease-in-out infinite alternate}.orb-purple{background:#8b5cf6;top:12%;left:-170px}.orb-blue{background:#22d3ee;right:-180px;top:48%;animation-delay:-5s}@keyframes orbFloat{0%{transform:translateZ(0) scale(.9)}to{transform:translate3d(90px,55px,0) scale(1.15)}}.floating-code{position:fixed;z-index:0;pointer-events:none;color:#8b5cf61f;font:12px/1.6 SFMono-Regular,Consolas,monospace;white-space:nowrap;animation:codeDrift 18s ease-in-out infinite alternate}.code-one{left:3%;top:28%;transform:rotate(-8deg)}.code-two{right:7%;top:22%;animation-delay:-6s}.code-three{left:18%;bottom:15%;animation-delay:-11s}@keyframes codeDrift{0%{transform:translateZ(0) rotate(-4deg);opacity:.08}to{transform:translate3d(22px,-30px,0) rotate(4deg);opacity:.2}}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color-scheme:dark;--bg: #07090d;--bg2: #0b0f16;--card: rgba(18, 23, 34, .72);--text: #f4f7fb;--muted: #98a3b3;--line: rgba(255,255,255,.09);--accent: #8b5cf6;--accent2: #22d3ee;--shadow: 0 25px 70px rgba(0,0,0,.32)}:root[data-theme=light]{color-scheme:light;--bg: #f7f8fb;--bg2: #eef1f6;--card: rgba(255,255,255,.82);--text: #10131a;--muted: #5f6877;--line: rgba(16,19,26,.1);--shadow: 0 25px 70px rgba(30,40,70,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.site{overflow:hidden}.container{width:min(1120px,calc(100% - 40px));margin:auto}.section{position:relative;padding:110px 0}.muted-section{background:var(--bg2)}.nav{position:fixed;top:0;width:100%;z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:color-mix(in srgb,var(--bg) 76%,transparent);border-bottom:1px solid var(--line)}.nav-inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{border:0;background:transparent;display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800;cursor:pointer}.brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff}.accent{color:var(--accent2)}.nav-links{display:flex;align-items:center;gap:25px}.nav-links button,.nav-links a{border:0;background:transparent;color:var(--muted);font-size:13px;cursor:pointer;transition:.2s}.nav-links button:hover,.nav-links a:hover{color:var(--text)}.nav-actions{display:flex;gap:8px}.icon-btn{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);background:var(--card);border-radius:11px;cursor:pointer}.menu-btn{display:none}.hero{min-height:100vh;display:flex;align-items:center;padding-top:140px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.hero-glow{position:absolute;border-radius:999px;filter:blur(100px);opacity:.17;pointer-events:none}.glow-one{width:330px;height:330px;background:var(--accent);left:-120px;top:180px}.glow-two{width:300px;height:300px;background:var(--accent2);right:-100px;bottom:70px}.eyebrow{display:inline-flex;gap:9px;align-items:center;color:var(--muted);border:1px solid var(--line);padding:8px 12px;border-radius:99px;font-size:12px;margin-bottom:23px;background:var(--card)}.pulse{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 14px #22c55e}h1{font-size:clamp(46px,6vw,76px);line-height:.98;letter-spacing:-3px;margin:0 0 18px;max-width:850px}.hero h2{font-size:clamp(23px,3vw,34px);line-height:1.2;margin:0 0 20px;letter-spacing:-1px}.typing-accent{color:var(--accent2)}.gradient-text{background:linear-gradient(100deg,#a78bfa,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{max-width:650px;color:var(--muted);font-size:17px;line-height:1.75}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.primary-btn,.secondary-btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:12px;padding:0 17px;font-weight:700;font-size:13px;cursor:pointer}.primary-btn{border:0;background:linear-gradient(100deg,var(--accent),#6366f1);color:#fff;box-shadow:0 12px 35px #6366f140}.secondary-btn{border:1px solid var(--line);background:var(--card)}.socials{display:flex;gap:10px;margin-top:27px}.socials a{width:40px;height:40px;border:1px solid var(--line);display:grid;place-items:center;border-radius:11px;color:var(--muted);transition:.2s}.socials a:hover{transform:translateY(-3px);color:var(--text);border-color:var(--accent)}.hero-card-wrap{position:relative;min-height:390px;display:grid;place-items:center}.profile-card{width:min(470px,100%);border:1px solid var(--line);background:linear-gradient(145deg,#191f2df2,#090c12eb);box-shadow:var(--shadow);border-radius:20px;overflow:hidden}:root[data-theme=light] .profile-card{background:#fff}.code-top{display:flex;gap:7px;padding:16px 18px;border-bottom:1px solid var(--line)}.code-top span{width:9px;height:9px;border-radius:50%}.code-top span:nth-child(1){background:#ff5f56}.code-top span:nth-child(2){background:#ffbd2e}.code-top span:nth-child(3){background:#27c93f}.profile-card pre{padding:30px;margin:0;color:#b9c4d4;font:14px/2 SFMono-Regular,Consolas,monospace;white-space:pre-wrap}:root[data-theme=light] .profile-card pre{color:#4b5563}.terminal-line{border-top:1px solid var(--line);padding:17px 22px;color:#a78bfa;font:13px monospace}.terminal-line b{color:var(--text)}.terminal-line i{animation:blink 1s infinite}@keyframes blink{50%{opacity:0}}.orbit{position:absolute;border:1px solid var(--line);border-radius:50%}.orbit-a{width:430px;height:430px}.orbit-b{width:520px;height:520px;border-style:dashed;opacity:.45}.scroll-down{position:absolute;bottom:30px;left:50%;transform:translate(-50%);border:1px solid var(--line);background:transparent;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;cursor:pointer;animation:bounce 1.8s infinite}@keyframes bounce{50%{transform:translate(-50%,7px)}}.section-heading{margin-bottom:48px}.section-heading>span,.section-kicker{color:var(--accent2);font:700 11px/1 monospace;letter-spacing:2px}.section-heading h2{font-size:clamp(34px,5vw,52px);letter-spacing:-2px;margin:12px 0 0}.row-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.text-link{color:var(--muted);display:flex;gap:6px;align-items:center;font-size:13px}.text-link:hover{color:var(--text)}.about-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px}.about-text p{color:var(--muted);line-height:1.85;font-size:15px}.about-text .lead{color:var(--text);font-size:21px;line-height:1.55}.facts{display:flex;gap:35px;margin-top:38px}.facts div{display:flex;flex-direction:column;gap:5px}.facts strong{font-size:25px;color:var(--accent)}.facts span{font-size:12px;color:var(--muted)}.about-panel{border:1px solid var(--line);background:var(--card);border-radius:18px;padding:28px;box-shadow:var(--shadow)}.mini-title{font:700 10px monospace;color:var(--muted);letter-spacing:1.5px;margin-bottom:20px}.explore-item{display:flex;align-items:center;gap:14px;padding:17px 0;border-top:1px solid var(--line)}.explore-item svg{color:var(--accent2)}.explore-item div{display:flex;flex-direction:column;gap:4px}.explore-item b{font-size:13px}.explore-item small{color:var(--muted)}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.skill-card{display:flex;align-items:center;gap:12px;padding:20px;border:1px solid var(--line);background:var(--card);border-radius:14px;color:var(--muted);transition:.25s}.skill-card:hover{transform:translateY(-4px);color:var(--text);border-color:#8b5cf680}.skill-card svg{color:var(--accent)}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.project-card{min-height:365px;padding:30px;border:1px solid var(--line);border-radius:18px;background:var(--card);position:relative;overflow:hidden;transition:.25s}.project-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.project-card:after{content:"";position:absolute;width:150px;height:150px;right:-70px;bottom:-80px;border-radius:50%;background:var(--accent);filter:blur(60px);opacity:.12}.project-number{font:700 12px monospace;color:var(--accent2)}.project-category{color:var(--muted);font-size:11px;margin-top:30px}.project-card h3{font-size:28px;margin:9px 0 12px;letter-spacing:-1px}.project-card p{color:var(--muted);font-size:14px;line-height:1.75;max-width:540px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.tags span{font-size:10px;border:1px solid var(--line);padding:6px 8px;border-radius:7px;color:var(--muted)}.project-link{position:absolute;bottom:28px;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--text)}.project-link.muted{color:var(--muted)}.timeline{position:relative;max-width:820px;margin-left:10px}.timeline:before{content:"";position:absolute;left:6px;top:5px;bottom:0;width:1px;background:var(--line)}.timeline-item{position:relative;padding-left:45px;padding-bottom:30px}.timeline-dot{position:absolute;left:0;top:4px;width:13px;height:13px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px var(--bg2)}.timeline-period{color:var(--accent2);font:11px monospace;margin-bottom:10px}.timeline-content h3{margin:0;font-size:21px}.timeline-content h4{margin:7px 0;color:var(--muted);font-size:14px;font-weight:500}.timeline-content p{color:var(--muted);line-height:1.7;font-size:14px}.contact-section{padding-bottom:100px}.contact-box{padding:55px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,#8b5cf61c,#22d3ee0f);display:flex;justify-content:space-between;align-items:end;gap:35px}.contact-box h2{font-size:clamp(37px,5vw,60px);line-height:1;letter-spacing:-2px;margin:14px 0}.contact-box p{color:var(--muted)}.contact-actions{display:flex;flex-wrap:wrap;gap:10px}footer{border-top:1px solid var(--line);padding:25px 0;color:var(--muted);font-size:11px}.footer-inner{display:flex;justify-content:space-between;gap:20px}.footer-inner div{display:flex;gap:18px}.footer-inner a:hover{color:var(--text)}@media(max-width:850px){.nav-links{display:none;position:absolute;top:72px;left:20px;right:20px;padding:15px;border:1px solid var(--line);background:var(--bg2);border-radius:15px;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links button,.nav-links a{padding:12px;text-align:left}.menu-btn{display:grid}.hero-grid,.about-grid{grid-template-columns:1fr}.hero{padding-top:120px}.hero-card-wrap{min-height:350px}.skills-grid{grid-template-columns:repeat(2,1fr)}.projects-grid{grid-template-columns:1fr}.contact-box{flex-direction:column;align-items:flex-start}}@media(max-width:520px){.container{width:min(100% - 28px,1120px)}.section{padding:80px 0}h1{letter-spacing:-2px}.hero-buttons{flex-direction:column;align-items:stretch}.hero-buttons a,.hero-buttons button{width:100%}.profile-card{transform:none}.orbit{display:none}.skills-grid{grid-template-columns:1fr}.facts{gap:18px;flex-wrap:wrap}.row-heading{align-items:flex-start;flex-direction:column}.contact-box{padding:30px 23px}.footer-inner{flex-direction:column}}@media(prefers-reduced-motion:reduce){.animated-canvas,.ambient-orb,.floating-code{animation:none!important}html{scroll-behavior:auto}}