@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg:#0a0d12;--bg-panel:#11151d;--bg-panel-2:#161b25;--border:#232a37;--ink:#edf0f4;--ink-dim:#8992a3;--accent:#ff5a36;--accent-2:#3aa0ff;--mono:"JetBrains Mono", monospace;--display:"Space Grotesk", sans-serif;--body:"Inter", sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--body);margin:0}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.app{position:relative;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.reveal--visible{opacity:1;transform:translateY(0)}.topbar{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#0a0d12bf;justify-content:space-between;align-items:center;padding:18px 5vw;display:flex;position:sticky;top:0}.topbar__brand{font-family:var(--mono);letter-spacing:.02em;cursor:pointer;color:var(--ink);align-items:center;gap:8px;font-size:14px;display:flex}.dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 10px var(--accent);border-radius:50%}.topbar__nav{gap:4px;display:flex}.topbar__link{font-family:var(--mono);color:var(--ink-dim);border-radius:6px;padding:8px 12px;font-size:13px;transition:color .2s,background .2s}.topbar__link-cmd{color:var(--accent)}.topbar__link:hover{color:var(--ink);background:var(--bg-panel-2)}.topbar__link.active{color:var(--ink);background:var(--bg-panel)}.topbar__burger{flex-direction:column;gap:4px;padding:8px;display:none}.topbar__burger span{background:var(--ink);width:20px;height:2px}.rail{z-index:40;flex-direction:column;gap:14px;display:flex;position:fixed;top:50%;right:22px;transform:translateY(-50%)}.rail__dot{border:1px solid var(--ink-dim);background:0 0;border-radius:50%;width:9px;height:9px;transition:all .25s;position:relative}.rail__dot.active{background:var(--accent);border-color:var(--accent);box-shadow:0 0 10px var(--accent);transform:scale(1.3)}.rail__tip{font-family:var(--mono);color:var(--ink-dim);white-space:nowrap;opacity:0;pointer-events:none;font-size:11px;transition:opacity .2s;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.rail__dot:hover .rail__tip{opacity:1}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:100px 5vw 60px;display:flex;position:relative}.hero__glow{pointer-events:none;background:radial-gradient(600px at 20% 20%,#7c4dff29,#0000 60%),radial-gradient(600px at 80% 70%,#3aa0ff29,#0000 60%);position:absolute;inset:0}.starfield{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.starfield__star{opacity:.15;background:#fff;border-radius:50%;animation-name:twinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}@keyframes twinkle{0%,to{opacity:.1}50%{opacity:.85}}@media (prefers-reduced-motion:reduce){.starfield__star{opacity:.35;animation:none}}.orbit{justify-content:center;align-items:center;width:380px;max-width:88vw;height:380px;max-height:88vw;margin:0 auto 34px;display:flex;position:relative}.orbit__ring{border:1px solid #7c94ff38;border-radius:50%;position:absolute}.orbit__ring--outer{width:100%;height:100%}.orbit__ring--inner{width:62%;height:62%}.orbit__spin{position:absolute;inset:0}.orbit__spin--slow{animation:46s linear infinite spin}.orbit__spin--fast{animation:30s linear infinite reverse spin}@media (prefers-reduced-motion:reduce){.orbit__spin--slow,.orbit__spin--fast{animation:none}}.orbit__item{width:0;height:0;position:absolute;top:50%;left:50%}.orbit__badge{border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 8px 22px -6px #0009}.orbit__counter--slow{animation:46s linear infinite reverse spin}.orbit__counter--fast{animation:30s linear infinite spin}@media (prefers-reduced-motion:reduce){.orbit__counter--slow,.orbit__counter--fast{animation:none}}.orbit__core{z-index:2;color:#cfe0ff;background:radial-gradient(circle at 35% 30%,#232c48,#0d1120 70%);border:1px solid #8ca0ff66;border-radius:50%;justify-content:center;align-items:center;width:108px;height:108px;font-size:34px;animation:3.4s ease-in-out infinite pulse-glow;display:flex;position:relative;box-shadow:0 0 0 1px #7c4dff26,0 0 40px 6px #7c4dff59,0 0 70px 14px #3aa0ff2e}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 1px #7c4dff26,0 0 40px 6px #7c4dff59,0 0 70px 14px #3aa0ff2e}50%{box-shadow:0 0 0 1px #7c4dff40,0 0 54px 10px #7c4dff80,0 0 90px 20px #3aa0ff47}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.orbit__core{animation:none}}@media (width<=480px){.orbit{width:300px;height:300px}.orbit__core{width:84px;height:84px;font-size:26px}}.hero__inner{max-width:720px;position:relative}.hero__inner--split{text-align:left;justify-content:center;align-items:center;gap:64px;max-width:1080px;display:flex}.hero__text{flex:420px;max-width:520px}.hero__text .hero__subtitle{margin-left:0}.hero__text .hero__cta{justify-content:flex-start}.eyebrow{font-family:var(--mono);color:var(--accent-2);letter-spacing:.05em;margin:0 0 10px;font-size:13px}.hero__title{font-family:var(--display);margin:0 0 8px;font-size:clamp(2.6rem,7vw,4.6rem);font-weight:700;line-height:1.05}.hero__title .accent{color:var(--accent)}.hero__subtitle{color:var(--ink-dim);margin:0 0 34px;font-size:clamp(1rem,2vw,1.15rem)}.terminal{background:var(--bg-panel);border:1px solid var(--border);text-align:left;border-radius:10px;max-width:560px;margin:0 auto 34px;overflow:hidden;box-shadow:0 20px 60px -20px #0009}.terminal__topbar{background:var(--bg-panel-2);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px 14px;display:flex}.tdot{border-radius:50%;width:9px;height:9px}.tdot.r{background:#ff5f56}.tdot.y{background:#ffbd2e}.tdot.g{background:#27c93f}.terminal__title{font-family:var(--mono);color:var(--ink-dim);margin-left:8px;font-size:11px}.terminal__body{font-family:var(--mono);color:#b9f5d0;white-space:pre-wrap;min-height:110px;margin:0;padding:16px 18px 20px;font-size:13px;line-height:1.9}.terminal__prompt{color:var(--accent)}.terminal__cursor{opacity:0;color:var(--ink)}.terminal__cursor.on{opacity:1}.hero__cta{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.btn{font-family:var(--mono);border-radius:8px;padding:13px 26px;font-size:13px;transition:transform .2s,box-shadow .2s,background .2s}.btn--primary{background:var(--accent);color:#14100c;font-weight:600;box-shadow:0 10px 30px -8px #ff5a368c}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 14px 34px -8px #ff5a36b3}.btn--ghost{border:1px solid var(--border);color:var(--ink)}.btn--ghost:hover{background:var(--bg-panel-2);transform:translateY(-2px)}.btn--slide{align-items:center;gap:10px;padding-right:22px;display:inline-flex;position:relative;overflow:hidden}.btn--slide .btn__icon{font-size:15px;transition:transform .3s;transform:translate(-2px)}.btn--slide:hover .btn__icon,.btn--slide:active .btn__icon{transform:translate(4px)}.btn--slide:before{content:"";background:linear-gradient(100deg,#0000 30%,#ffffff38 45%,#0000 60%);transition:transform .6s;position:absolute;inset:0;transform:translate(-120%)}.btn--slide:hover:before,.btn--slide:active:before{transform:translate(120%)}.btn--slide.btn--ghost:hover{border-color:var(--accent-2)}.scroll-hint{font-family:var(--mono);color:var(--ink-dim);font-size:12px;animation:2s ease-in-out infinite bob;position:absolute;bottom:28px}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.section{max-width:1080px;margin:0 auto;padding:110px 5vw}.section__title{font-family:var(--display);margin:0 0 42px;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700}.about__grid{grid-template-columns:1.4fr 1fr;align-items:start;gap:40px;display:grid}.about__text{color:var(--ink-dim);font-size:1.05rem;line-height:1.85}.about__stats{border-left:1px solid var(--border);flex-direction:column;gap:22px;padding-left:28px;display:flex}.stat__num{font-family:var(--display);color:var(--accent);font-size:2.1rem;font-weight:700;display:block}.stat__label{font-family:var(--mono);color:var(--ink-dim);font-size:12px}.skills__grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;display:grid}.skill-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:26px;transition:border-color .25s,transform .25s}.skill-card:hover{border-color:var(--accent);transform:translateY(-4px)}.skill-card__title{font-family:var(--display);color:var(--accent-2);margin:0 0 16px;font-size:1.1rem}.skill-card__list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.skill-card__list li{font-family:var(--mono);color:var(--ink-dim);padding-left:16px;font-size:13px;position:relative}.skill-card__list li:before{content:"›";color:var(--accent);position:absolute;left:0}.timeline{padding-left:26px;position:relative}.timeline:before{content:"";background:var(--border);width:1px;position:absolute;top:6px;bottom:6px;left:4px}.timeline__item{margin-bottom:40px;position:relative}.timeline__item:last-child{margin-bottom:0}.timeline__marker{background:var(--accent);border-radius:50%;width:9px;height:9px;position:absolute;top:6px;left:-26px;box-shadow:0 0 0 4px #ff5a3626}.timeline__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.timeline__head h3{font-family:var(--display);margin:0;font-size:1.15rem}.timeline__period{font-family:var(--mono);color:var(--accent-2);font-size:12px}.timeline__company{color:var(--ink-dim);font-size:13px;font-family:var(--mono);margin:4px 0 10px}.timeline__desc{color:var(--ink-dim);max-width:620px;margin:0;line-height:1.75}.projects__grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.project-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;padding:28px;transition:transform .25s,border-color .25s;position:relative;overflow:hidden}.project-card:hover{border-color:var(--accent-2);transform:translateY(-6px)}.project-card__glow{opacity:0;background:radial-gradient(circle,#3aa0ff2e,#0000 70%);width:60%;height:60%;transition:opacity .3s;position:absolute;top:-40%;right:-40%}.project-card:hover .project-card__glow{opacity:1}.project-card__index{font-family:var(--mono);color:var(--ink-dim);font-size:12px}.project-card__title{font-family:var(--display);margin:10px 0 4px;font-size:1.2rem}.project-card__tag{font-family:var(--mono);color:var(--accent-2);margin:0 0 12px;font-size:11.5px}.project-card__desc{color:var(--ink-dim);margin:0 0 18px;font-size:14px;line-height:1.7}.section--contact{text-align:center}.contact__lead{color:var(--ink-dim);max-width:520px;margin:0 auto 46px;line-height:1.8}.contact__grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.contact__card{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:6px;min-width:0;padding:20px;transition:border-color .25s,transform .25s;display:flex}.contact__card:hover{border-color:var(--accent);transform:translateY(-4px)}.contact__label{font-family:var(--mono);color:var(--ink-dim);font-size:11px}.contact__value{font-family:var(--display);overflow-wrap:anywhere;word-break:break-word;font-size:1rem;font-weight:600;line-height:1.35}.contact-form-wrap{justify-content:center;margin-top:46px;display:flex}.contact-form{background:var(--bg-panel);border:1px solid var(--border);text-align:left;border-radius:24px;width:100%;max-width:520px;padding:40px}.contact-form__title{font-family:var(--display);margin:0 0 8px;font-size:1.5rem;font-weight:700}.contact-form__subtitle{color:var(--ink-dim);margin:0 0 28px;font-size:.9rem}.contact-form__row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.contact-form__field{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.contact-form__field label{font-family:var(--mono);letter-spacing:.05em;color:var(--ink-dim);font-size:11px}.contact-form__field input,.contact-form__field textarea{background:var(--bg-panel-2);border:1px solid var(--border);width:100%;color:var(--ink);font-family:var(--body);resize:vertical;border-radius:12px;padding:14px 16px;font-size:.95rem;transition:border-color .2s}.contact-form__field input:focus,.contact-form__field textarea:focus{border-color:var(--accent-2);outline:none}.contact-form__submit{color:#0a0d12;background:#2ee6a6;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:6px;padding:15px;font-size:.95rem;font-weight:600;transition:transform .2s,opacity .2s;display:flex}.contact-form__submit:hover{transform:translateY(-2px)}.contact-form__submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.contact-form__status{font-size:.85rem;font-family:var(--mono);margin:14px 0 0}.contact-form__status--ok{color:#2ee6a6}.contact-form__status--error{color:#ff6b6b}@media (width<=560px){.contact-form{padding:28px 22px}.contact-form__row{grid-template-columns:1fr;gap:0}}.footer{border-top:1px solid var(--border);font-family:var(--mono);color:var(--ink-dim);justify-content:space-between;align-items:center;max-width:1080px;margin:0 auto;padding:26px 5vw 40px;font-size:12px;display:flex}.footer__top{color:var(--ink-dim)}.footer__top:hover{color:var(--ink)}.project-card--clickable{cursor:pointer}.project-card__link{font-family:var(--mono);color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:12.5px}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#06080cb8;justify-content:center;align-items:center;padding:24px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-panel);border:1px solid var(--border);border-radius:14px;width:100%;max-width:620px;max-height:86vh;padding:26px 30px 32px;animation:.25s modalIn;overflow-y:auto;box-shadow:0 30px 80px -20px #000000b3}@keyframes modalIn{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal__topbar{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modal__close{border:1px solid var(--border);width:30px;height:30px;color:var(--ink-dim);border-radius:8px;transition:color .2s,border-color .2s}.modal__close:hover{color:var(--ink);border-color:var(--accent)}.modal__title{font-family:var(--display);margin:6px 0 4px;font-size:1.6rem}.modal__desc{color:var(--ink-dim);margin:18px 0;line-height:1.8}.modal__meta{border-top:1px solid var(--border);border-bottom:1px solid var(--border);gap:32px;margin-bottom:20px;padding:16px 0;display:flex}.modal__meta>div{flex-direction:column;gap:4px;display:flex}.modal__subtitle{font-family:var(--display);color:var(--accent-2);margin:0 0 12px;font-size:1rem}.modal__features{flex-direction:column;gap:10px;margin:0 0 26px;padding:0;list-style:none;display:flex}.modal__features li{color:var(--ink-dim);padding-left:18px;font-size:14px;position:relative}.modal__features li:before{content:"✓";color:var(--accent);position:absolute;left:0}.modal__actions{flex-wrap:wrap;gap:12px;display:flex}.modal__actions .btn{align-items:center;display:inline-flex}@media (width<=520px){.modal{padding:20px 18px 26px}.modal__meta{gap:20px}}@media (width<=860px){.about__grid{grid-template-columns:1fr}.rail{display:none}.hero__inner--split{text-align:center;flex-direction:column;gap:34px}.hero__text{text-align:center;max-width:100%}.hero__text .hero__cta{justify-content:center}}@media (width<=720px){.topbar__nav{background:var(--bg-panel);border-bottom:1px solid var(--border);flex-direction:column;padding:10px;display:none;position:fixed;top:62px;left:0;right:0}.topbar__nav.open,.topbar__burger{display:flex}.section{padding:80px 6vw}}html{scroll-behavior:smooth}body{margin:0;padding:0}