@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,sans-serif;color:#edf4ff;background:#07100f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg:#07100f;--panel:rgba(14,29,27,.68);--border:rgba(150,213,188,.16);--accent:#b7e66c;--accent2:#75d7bd;--muted:#a0b1ad;--purple:#c4a7ff;--gold:#e8d28d;--wrap:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;min-width:320px;background:var(--bg)}a{color:inherit;text-decoration:none}button{font:inherit}.app-shell{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% -20%,#19352b 0%,transparent 52%),linear-gradient(180deg,#07100f,#091311 45%,#08100f);min-height:100vh}.wrap{width:min(calc(100% - 56px),var(--wrap));margin-inline:auto}.starfield{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:-1}.starfield i{position:absolute;border-radius:50%;background:#e4f9d6;opacity:.25;box-shadow:0 0 8px #c4f7d8;animation:twinkle 4s ease-in-out infinite alternate}.aurora{position:absolute;pointer-events:none;filter:blur(65px);opacity:.2;z-index:-1;border-radius:50%;animation:auroraDrift 22s ease-in-out infinite alternate}.aurora-one{width:480px;height:480px;left:-200px;top:160px;background:#398a68}.aurora-two{width:420px;height:520px;right:-220px;top:850px;background:#416f79;animation-delay:-8s}.grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;opacity:.12;background-image:linear-gradient(#8ad9b80d 1px,transparent 1px),linear-gradient(90deg,#8ad9b80d 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 75%);mask-image:linear-gradient(to bottom,black,transparent 75%)}.glass-panel{background:linear-gradient(135deg,#172b26c2,#09151494);border:1px solid rgba(182,231,201,.18);box-shadow:0 18px 65px #0003,inset 0 1px #ffffff0b;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:12px;z-index:20;border-radius:16px;padding:0 22px;margin-top:12px}.brand{display:inline-flex;align-items:center;gap:9px;font-size:20px;font-weight:800;letter-spacing:-.06em}.brand-mark{display:grid;place-items:center;padding:7px 8px;border:1px solid #b7e66c50;border-radius:8px;color:var(--accent);font:12px DM Mono,monospace;background:#b7e66c0b}.brand-dot{color:var(--accent)}.nav-links{display:flex;align-items:center;gap:23px;color:#aabbb4;font-size:11px}.nav-links a{transition:color .2s}.nav-links a:hover{color:var(--accent)}.nav-cta{display:inline-flex;align-items:center;gap:5px;padding:10px 12px;border:1px solid #b7e66c45;border-radius:9px;color:var(--accent)!important;background:#b7e66c0c}.mobile-menu{display:none;border:1px solid var(--border);color:#eaf4eb;background:#11201c;border-radius:9px;padding:8px}.hero{min-height:690px;padding-top:100px;padding-bottom:100px;display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center;position:relative}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid #b7e66c30;background:#b7e66c0b;border-radius:100px;color:#d4f2a8;font:10px DM Mono,monospace;letter-spacing:.08em}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #b7e66caa;display:inline-block;animation:statusPulse 2s infinite}.kicker{font:11px DM Mono,monospace;letter-spacing:.13em;color:var(--accent);margin:0 0 18px}.hero .kicker{margin-top:28px;margin-bottom:12px;color:#b4c8be}.hero h1{font-size:clamp(42px,5.2vw,66px);line-height:1.13;letter-spacing:-.065em;margin:0;font-weight:800}.gradient-text{background:linear-gradient(105deg,#d4f3a1,#84d9bd 48%,#b2c7ff);color:transparent;-webkit-background-clip:text;background-clip:text}.typed-line{display:flex;align-items:center;gap:8px;margin-top:22px;color:#cceaa3;font:500 15px DM Mono,monospace;min-height:24px}.typed-prefix{color:#81c9b1}.typing-cursor{display:inline-block;width:8px;height:18px;background:var(--accent);animation:cursorBlink .9s steps(2,start) infinite}.hero-desc{font-size:14px;line-height:1.95;color:var(--muted);max-width:535px;margin:20px 0 27px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 17px;border-radius:10px;font-size:12px;font-weight:800;transition:transform .25s,background .25s,border .25s,box-shadow .25s}.button:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0003}.primary{background:var(--accent);color:#10170a;box-shadow:0 8px 28px #b7e66c1a}.primary:hover{background:#d3f69c}.secondary{border:1px solid #b7e66c35;color:#dce9de;background:#ffffff05}.secondary:hover{border-color:#b7e66c88;background:#b7e66c0c}.social-row{display:flex;align-items:center;gap:17px;margin-top:30px;font-size:11px;color:#a8b9b0;flex-wrap:wrap}.social-row a{display:inline-flex;align-items:center;gap:7px;transition:color .2s}.social-row a:hover{color:var(--accent)}.social-separator{height:16px;width:1px;background:#344b40}.location{color:#81978a}.code-card{border-radius:19px;overflow:visible;position:relative;transform:perspective(900px) rotateY(-3deg) rotateX(2deg);transition:transform .45s,box-shadow .45s}.code-card:hover{transform:perspective(900px) rotateY(0) rotateX(0) translateY(-5px);box-shadow:0 28px 95px #0007,0 0 40px #b7e66c0c}.code-top{height:50px;display:flex;align-items:center;gap:14px;padding:0 17px;border-bottom:1px solid #ffffff0c;color:#9aafa4;font:11px DM Mono,monospace}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#ed7d83}.window-dots i:nth-child(2){background:#e6bf6b}.window-dots i:nth-child(3){background:#6ed5a1}.code-live{margin-left:auto;color:var(--accent);font-size:9px}.code-body{padding:25px 20px 22px;font:11px/2.2 DM Mono,monospace;color:#d7e9dd;white-space:nowrap;overflow:auto}.code-body p{margin:0}.line-no{display:inline-block;width:32px;color:#526b5e;-webkit-user-select:none;user-select:none}.syntax-purple{color:#c4a7ff}.syntax-green{color:#c2efae}.syntax-orange{color:#f0d49b}.code-divider{height:1px;background:#ffffff0d;margin:20px 0 10px}.code-comment{color:#81978a}.code-footer{padding:13px 17px;display:flex;justify-content:space-between;gap:8px;border-top:1px solid #ffffff0c;font:9px DM Mono,monospace;color:#91a99a}.code-footer span:first-child{display:flex;align-items:center;gap:7px}.floating-chip{position:absolute;display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid #c8ed9d35;border-radius:12px;background:#0c1b16d6;color:#d8efc0;font-size:10px;box-shadow:0 10px 28px #0004;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:float 5s ease-in-out infinite}.chip-one{top:-18px;right:28px}.chip-two{bottom:42px;left:-26px;animation-delay:-2.2s}.scroll-cue{position:absolute;bottom:28px;left:0;display:flex;align-items:center;gap:12px;color:#738c7e;font:9px DM Mono,monospace;letter-spacing:.14em}.scroll-cue span{height:30px;width:1px;background:linear-gradient(var(--accent),transparent)}.section{position:relative;z-index:1;padding-top:88px;padding-bottom:90px}.section-heading{margin-bottom:38px}.section-heading h2,.contact-inner h2{font-size:clamp(30px,4vw,44px);line-height:1.2;letter-spacing:-.055em;margin:0;font-weight:800}.muted{color:#7f9889}.about-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:68px}.about-lead{font-size:20px;line-height:1.85;letter-spacing:-.025em;color:#e1eee5;margin:0;max-width:530px}.about-details{color:var(--muted);font-size:13px;line-height:1.95}.about-details p{margin:0 0 16px}.mini-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px;padding-top:20px;border-top:1px solid var(--border)}.mini-facts div{display:flex;flex-direction:column;gap:8px}.mini-facts span{font:9px DM Mono,monospace;letter-spacing:.1em;color:#7b9586}.mini-facts strong{font-size:10px;color:#d9e9dd;font-weight:700;line-height:1.6}.matrix-section,.projects-section{background:linear-gradient(180deg,#0f1e198a,#08110f2e);border-top:1px solid #ffffff08;border-bottom:1px solid #ffffff08}.section-subtitle{color:var(--muted);font-size:12px;line-height:1.8;margin-top:13px}.matrix-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.matrix-card{border-radius:16px;padding:22px;min-height:190px;transition:transform .35s,border-color .35s,box-shadow .35s;overflow:hidden;position:relative}.matrix-card:after{content:"";position:absolute;width:130px;height:130px;right:-65px;top:-65px;border-radius:50%;background:var(--tone);filter:blur(35px);opacity:.12;pointer-events:none}.matrix-card:hover,.experience-card:hover,.project-card:hover,.repo-card:hover,.contact-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--tone,var(--accent)) 50%,transparent);box-shadow:0 24px 55px #0003}.tone-mint{--tone:#b7e66c}.tone-blue{--tone:#8cbfff}.tone-violet{--tone:#c4a7ff}.tone-gold{--tone:#e8d28d}.tone-pink{--tone:#f2a8c8}.tone-cyan{--tone:#82dfdb}.matrix-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}.matrix-label{display:flex;align-items:center;gap:11px}.matrix-icon{width:38px;height:38px;border:1px solid color-mix(in srgb,var(--tone) 35%,transparent);background:color-mix(in srgb,var(--tone) 10%,transparent);color:var(--tone);display:grid;place-items:center;border-radius:11px}.matrix-label h3{font-size:12px;margin:0;line-height:1.5}.matrix-score{font:500 17px DM Mono,monospace;color:var(--tone)}.progress-track{height:7px;border-radius:30px;background:#07110f;border:1px solid #ffffff0b;overflow:hidden;margin-bottom:20px}.progress-track span{display:block;height:100%;width:var(--progress);border-radius:30px;background:linear-gradient(90deg,var(--tone),color-mix(in srgb,var(--tone) 50%,#fff));box-shadow:0 0 15px color-mix(in srgb,var(--tone) 30%,transparent);transform-origin:left;animation:progressIn 1.2s cubic-bezier(.16,1,.3,1) both}.tags{display:flex;flex-wrap:wrap;gap:7px}.tag{font-size:9px;color:#b5c8bc;background:#1b2c25aa;border:1px solid #a6d2b51a;padding:6px 8px;border-radius:7px;transition:background .2s,border .2s}.tag:hover{background:#b7e66c12;border-color:#b7e66c40}.skill-note{font-size:10px;line-height:1.8;color:#81978a;margin-top:18px}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.experience-card{border-radius:16px;padding:23px;display:flex;gap:15px;min-height:245px;transition:transform .35s,border-color .35s,box-shadow .35s}.experience-icon{flex:0 0 43px;width:43px;height:43px;display:grid;place-items:center;border:1px solid #b7e66c35;background:#b7e66c0c;color:var(--accent);border-radius:12px}.experience-content{min-width:0;flex:1}.experience-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:17px}.experience-period{display:inline-flex;align-items:center;gap:5px;color:#c1e9a0;font:10px DM Mono,monospace}.experience-index{font:10px DM Mono,monospace;color:#587464}.experience-card h3{font-size:16px;margin:0 0 5px;letter-spacing:-.03em}.experience-company{font-size:11px;color:#8dd8bc;margin:0 0 13px}.experience-desc{font-size:11px;line-height:1.85;color:var(--muted);margin:0}.project-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.text-link{display:flex;align-items:center;gap:6px;font-size:11px;color:#c5d8cb;padding-bottom:6px;white-space:nowrap}.text-link:hover{color:var(--accent)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.project-card{display:flex;flex-direction:column;border-radius:17px;padding:24px;min-height:370px;transition:transform .35s,border-color .35s,box-shadow .35s}.project-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:23px}.project-number{font:12px DM Mono,monospace;color:var(--accent)}.project-status{font-size:9px;color:#c1d2c5;border:1px solid #9ac3a51c;padding:6px 8px;border-radius:6px;background:#ffffff03}.project-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #b7e66c30;background:linear-gradient(135deg,#b7e66c12,#75d7bd0b);color:var(--accent);border-radius:14px;margin-bottom:20px;transition:transform .35s}.project-card:hover .project-icon{transform:rotate(-7deg) scale(1.06)}.project-type{font:9px DM Mono,monospace;color:#8fa99a;text-transform:uppercase;letter-spacing:.07em;margin:0 0 9px}.project-card h3{font-size:19px;letter-spacing:-.04em;margin:0 0 12px}.project-desc{font-size:11px;line-height:1.9;color:var(--muted);margin:0 0 20px;flex:1}.project-link{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:800;color:var(--accent);margin-top:22px}.project-link svg{transition:transform .2s}.project-link:hover svg{transform:translate(3px,-3px)}.github-section{padding-top:90px}.repo-message{border-radius:14px;padding:20px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#aabeb1;font-size:12px}.repo-message a{color:var(--accent);display:inline-flex;align-items:center;gap:5px}.loader{width:17px;height:17px;border:2px solid #b7e66c30;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.repos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.repo-card{display:flex;flex-direction:column;min-height:200px;padding:20px;border-radius:15px;transition:transform .35s,border-color .35s,box-shadow .35s}.repo-card-top{display:flex;align-items:center;justify-content:space-between;color:#b7e66c;margin-bottom:16px}.repo-visibility{font:9px DM Mono,monospace;color:#9ab2a2;border:1px solid #9ab2a21c;padding:4px 7px;border-radius:6px}.repo-card h3{font-size:15px;text-transform:capitalize;margin:0 0 9px;overflow-wrap:anywhere}.repo-card p{font-size:10px;line-height:1.8;color:var(--muted);margin:0 0 18px;flex:1}.repo-meta{display:flex;align-items:center;gap:14px;color:#9bb0a2;font:9px DM Mono,monospace;padding-top:13px;border-top:1px solid #ffffff0b}.repo-meta span{display:inline-flex;align-items:center;gap:5px}.education-section{padding-top:45px}.education-card{display:flex;align-items:center;gap:19px;padding:23px;border-radius:15px;max-width:700px}.education-mark{width:49px;height:49px;display:grid;place-items:center;border-radius:13px;background:#8cbfff10;border:1px solid #8cbfff35;color:#a8caff}.education-card h3{font-size:14px;margin:0 0 7px}.education-card p{font-size:11px;color:var(--muted);margin:0 0 8px}.education-card span{font:10px DM Mono,monospace;color:var(--accent)}.contact-section{position:relative;z-index:1;border-top:1px solid #ffffff0b;border-bottom:1px solid #ffffff0b;background:radial-gradient(ellipse at 50% 100%,#335b3b45,transparent 65%),#07100f7a;text-align:center;padding:90px 0}.contact-inner{display:flex;flex-direction:column;align-items:center}.contact-inner h2{max-width:700px}.contact-inner>p:not(.kicker){max-width:540px;font-size:12px;line-height:1.9;color:var(--muted);margin:18px 0 26px}.contact-grid{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:790px}.contact-card{display:flex;align-items:center;gap:13px;text-align:left;padding:16px;border-radius:13px;transition:transform .3s,border-color .3s;min-width:0}.contact-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;color:var(--accent);border:1px solid #b7e66c2b;background:#b7e66c0c;flex:0 0 auto}.contact-card>span:nth-child(2){display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.contact-card strong{font-size:12px}.contact-card small{font-size:10px;color:#9ab0a1;overflow-wrap:anywhere}.contact-card>svg{color:#8ba292;flex:0 0 auto}.footer{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:1;color:#738a7c;font-size:10px}.footer .brand{font-size:17px}.footer .brand-mark{font-size:14px;padding:6px}.back-top{color:#b9cbbf}.back-top:hover{color:var(--accent)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@keyframes twinkle{0%{opacity:.08;transform:scale(.7)}to{opacity:.58;transform:scale(1.25)}}@keyframes auroraDrift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(90px,120px,0) scale(1.2)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes cursorBlink{to{visibility:hidden}}@keyframes statusPulse{0%,to{box-shadow:0 0 5px #b7e66c66}50%{box-shadow:0 0 16px #b7e66ccc}}@keyframes progressIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:980px){.nav-links{gap:13px}.nav-links a{font-size:10px}.hero{grid-template-columns:1fr;gap:55px;padding-top:78px}.hero-copy{max-width:720px}.code-card{max-width:600px;width:100%;margin-inline:auto}.matrix-grid{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:1fr}.experience-card{min-height:0}.projects-grid,.repos-grid{grid-template-columns:repeat(2,1fr)}.scroll-cue{bottom:20px}}@media (max-width:680px){.wrap{width:min(calc(100% - 32px),var(--wrap))}.nav{height:66px;padding:0 15px;top:8px;margin-top:8px}.mobile-menu{display:grid;place-items:center}.nav-links{display:none;position:absolute;top:73px;left:0;right:0;padding:13px;border-radius:13px;border:1px solid var(--border);background:#081411f5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links a{padding:13px 10px;font-size:12px}.nav-links .nav-cta{justify-content:center;margin-top:5px}.hero{padding-top:65px;padding-bottom:65px;min-height:auto;gap:48px}.hero h1{font-size:clamp(39px,11vw,52px)}.hero-desc{font-size:12px}.social-row{gap:13px}.scroll-cue{display:none}.code-body{font-size:9px;padding:20px 13px}.floating-chip{font-size:9px;padding:8px 10px}.chip-two{left:-5px;bottom:24px}.chip-one{right:8px}.section{padding-top:65px;padding-bottom:68px}.section-heading h2,.contact-inner h2{font-size:31px}.about-grid{grid-template-columns:1fr;gap:22px}.about-lead{font-size:17px}.mini-facts{grid-template-columns:1fr;gap:14px}.matrix-grid,.projects-grid,.repos-grid{grid-template-columns:1fr}.matrix-card{min-height:0}.project-card{min-height:340px}.project-heading{align-items:flex-start;flex-direction:column}.education-card{align-items:flex-start;padding:18px}.education-card h3{line-height:1.6}.contact-section{padding:65px 0}.contact-grid{grid-template-columns:1fr}.footer{padding:20px 0;flex-wrap:wrap}.footer>span{order:3;width:100%}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}
