:root{color:#f7f8ff;--background-top:#04132b;--background-mid:#081d3f;--background-bottom:#02060f;--background-flare:#78a0ff4d;--background-flare-soft:#78a0ff2e;--hero-card-bg:#0a0e1c2e;--hero-card-border:#b4d0ff1f;--hero-card-shadow:0 35px 90px #03061466;--hero-card-highlight:#aac8ff1f;--surface-bg:var(--hero-card-bg);--surface-border:var(--hero-card-border);--surface-shadow:var(--hero-card-shadow);--surface-highlight:var(--hero-card-highlight);--surface-sheen:#bed2ff14;--page-max-width:640px;--page-side:clamp(1.5rem, 4vw, 3.2rem);--page-top:4rem;--page-bottom:4.4rem;background-color:#030a18;font-family:Space Grotesk,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}.bubble-panel::-webkit-scrollbar{width:0;height:0;display:none}.bubble-panel{scrollbar-width:none;-ms-overflow-style:none}body{color:#e9f0ff;background:linear-gradient(180deg, var(--background-top) 0%, var(--background-mid) 45%, var(--background-bottom) 100%);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;margin:0;transition:background .9s,color .4s;overflow-x:hidden}.skip-link{z-index:15;color:#f6f8ff;background:#0a1022;border:1px solid #ffffff40;border-radius:12px;padding:.75rem 1rem;text-decoration:none;position:absolute;top:1rem;left:-999px;box-shadow:0 22px 50px #00000073}.skip-link:focus-visible{left:1rem}:focus-visible{outline-offset:3px;outline:2px solid #8ad0ff}body.prompt-active{overflow:hidden}body.bubble-dragging,body.bubble-dragging *{-webkit-user-select:none!important;user-select:none!important;cursor:grabbing!important}body:after{content:"";background:radial-gradient(circle at 25% 12%, var(--background-flare,#78a0ff4d), transparent 45%), radial-gradient(circle at 75% 8%, var(--background-flare-soft,#78a0ff2e), transparent 60%), linear-gradient(180deg, #05081400 55%, #050b1c59 72%, #020612c7 85%, #010206f2 100%);mix-blend-mode:screen;pointer-events:none;z-index:0;position:fixed;inset:0}body:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#01030900 55%,#01030a73 75%,#000104d9 100%);position:fixed;inset:0}body.panel-open{overflow:hidden}#scene-canvas{z-index:0;pointer-events:none;background:0 0;width:100%;height:100%;display:block;position:fixed;inset:0}body.scene-paused #scene-canvas{display:none}.page{z-index:2;width:min(var(--page-max-width), calc(100% - (var(--page-side) * 2)));max-width:var(--page-max-width);padding:var(--page-top) var(--page-side) var(--page-bottom);flex-direction:column;gap:2.8rem;margin:0 auto 4rem clamp(1.5rem,5vw,5rem);display:flex;position:relative}.hero .kicker{letter-spacing:.2em;text-transform:uppercase;color:#ffffffa6;margin-bottom:1rem;font-size:.75rem}.hero h1{margin:0 0 1.3rem;font-size:clamp(2.5rem,4vw,4rem);line-height:1.05}.hero h1 span{color:#fffc;text-shadow:0 6px 18px #00000073;margin-top:.2rem;font-size:clamp(1.1rem,2vw,1.4rem);font-weight:400;line-height:1.28;display:block}.hero .lede{color:#f4f9ffd9;font-size:1.18rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.intro-prompt{z-index:10;background:radial-gradient(circle at 40% 30%,#0f1724cc,#030204f2);justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}.intro-prompt.hidden{opacity:0;pointer-events:none}.intro-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);text-align:left;background:#08070ab3;border:1px solid #ffffff26;border-radius:32px;width:min(420px,90vw);padding:2.2rem;box-shadow:0 45px 110px #0000008c}.intro-card .tag{text-transform:uppercase;letter-spacing:.4em;color:#ffffff8c;font-size:.78rem}.intro-card h2{margin:.8rem 0 .4rem;font-size:1.8rem}.intro-card p{color:#ffffffc7;line-height:1.6}.intro-card .intro-steps{color:#ffffffd1;flex-direction:column;gap:.6rem;margin:1rem 0 0;padding:0;font-size:.95rem;line-height:1.55;list-style:none;display:flex}.intro-card .intro-steps li{padding-left:1.4rem;position:relative}.intro-card .intro-steps li:before{content:"›";color:#8ad0ff;font-weight:600;position:absolute;top:0;left:.15rem}.intro-card button{letter-spacing:.1em;text-transform:uppercase;color:#021427;cursor:pointer;background:linear-gradient(120deg,#8ad0ff,#57ffe8);border:none;border-radius:999px;width:100%;margin-top:1.4rem;padding:.85rem 1.2rem;font-size:.95rem}.hero-actions a,.hero-actions button{text-transform:uppercase;letter-spacing:.08em;cursor:pointer;color:inherit;background:0 0;border:1px solid #0000;border-radius:999px;min-height:44px;padding:.95rem 1.6rem;font-family:inherit;font-size:.85rem;font-weight:600;text-decoration:none}.hero-actions .primary{color:#021427;background:linear-gradient(120deg,#8ad0ff,#57ffe8);box-shadow:0 20px 40px #3fc8ff59}.hero-actions .ghost{color:#f6f7ff;background:#060c184d;border:1px solid #fff3}.hero-actions .audio-toggle{align-items:center;gap:.35rem;padding-left:2.6rem;transition:color .3s,border-color .3s,background .3s,box-shadow .3s;display:inline-flex;position:relative}.hero-actions .audio-toggle:before{content:"";background:#ffffff73;border-radius:50%;width:.65rem;height:.65rem;transition:background .3s,box-shadow .3s;position:absolute;top:50%;left:1rem;transform:translateY(-50%);box-shadow:0 0 #7fdfff4d}.hero-actions .audio-toggle[data-state=on]{color:#c3fffb;background:#1d375c80;border-color:#7bffe066;box-shadow:0 18px 40px #3effe540}.hero-actions .audio-toggle[data-state=on]:before{background:#7dfbff;box-shadow:0 0 16px #7dfbffd9}.hero-actions .resume{color:#bfe3ff;background:#1d375c59;border-color:#7ec4ff66}.section{background:var(--surface-bg,var(--hero-card-bg));border:1px solid var(--surface-border,var(--hero-card-border));box-shadow:var(--surface-shadow,var(--hero-card-shadow));-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);isolation:isolate;border-radius:42px;padding:clamp(2rem,3vw,2.8rem);position:relative;overflow:hidden}:is(.section,.stats li,.project-card,.service-card,.timeline-card,.process-steps li,.extracurricular-card,.education #education-block,.quote-card):before{content:"";border-radius:inherit;background:radial-gradient(circle at 25% 12%, var(--surface-highlight,#ffe7cd66), transparent 65%);opacity:.4;pointer-events:none;z-index:-1;position:absolute;inset:1px}:is(.section,.stats li,.project-card,.service-card,.timeline-card,.process-steps li,.extracurricular-card,.education #education-block,.quote-card):after{content:"";border-radius:inherit;background:linear-gradient(145deg, var(--surface-sheen,#ffffff14), transparent 55%);mix-blend-mode:soft-light;pointer-events:none;z-index:-1;position:absolute;inset:0}.section h2{text-shadow:0 12px 28px #0006;margin-top:0;font-size:1.6rem}.section p{color:#e4e8ffeb;text-shadow:0 10px 25px #00000059;line-height:1.6}.stats{gap:1rem;margin:2rem 0 0;padding:0;list-style:none;display:flex}.stats li{background:var(--surface-bg,var(--hero-card-bg));border:1px solid var(--surface-border,var(--hero-card-border));box-shadow:var(--surface-shadow,var(--hero-card-shadow));isolation:isolate;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:34px;flex:1;padding:1.2rem 1.5rem;font-size:.98rem;line-height:1.4;position:relative;overflow:hidden}.stats span{color:#f9fbff;text-shadow:0 12px 30px #00000073;font-size:1.8rem;font-weight:600;display:block}.projects .section-heading{margin-bottom:2rem}.project-grid{gap:1.5rem;display:grid}.project-card{background:var(--surface-bg,var(--hero-card-bg));border:1px solid var(--surface-border,var(--hero-card-border));box-shadow:var(--surface-shadow,var(--hero-card-shadow));isolation:isolate;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);cursor:pointer;border-radius:38px;padding:1.6rem;transition:transform .35s,border-color .4s,box-shadow .4s;position:relative;overflow:hidden}.project-card:hover{border-color:#ffffff40;transform:translateY(-3px);box-shadow:0 45px 90px #00000059}.project-card:active{transition-duration:.1s;transform:translateY(-1px)scale(.995)}.project-card .tag{text-transform:uppercase;letter-spacing:.15em;color:#fff9;text-shadow:0 10px 24px #00000059;font-size:.7rem}.project-thumb{aspect-ratio:2;background:#0a0f1e;border:1px solid #fff3;border-radius:28px;width:100%;margin-bottom:1rem;overflow:hidden;box-shadow:0 22px 40px #0009}.project-thumb img{object-fit:contain;width:100%;height:100%;display:block}.project-card footer{color:#ffffffa6;flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-top:1rem;font-size:.85rem;display:flex}.project-tags{flex-wrap:wrap;gap:.4rem;display:flex}.project-tags span{letter-spacing:.04em;border:1px solid #ffffff1a;border-radius:999px;padding:.25rem .6rem;font-size:.75rem}.skills .section-heading p{margin-bottom:2rem}.services-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.4rem;display:grid}.service-card{background:var(--surface-bg,var(--hero-card-bg));border:1px solid var(--surface-border,var(--hero-card-border));box-shadow:var(--surface-shadow,var(--hero-card-shadow));isolation:isolate;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:32px;padding:1.4rem;position:relative;overflow:hidden}.service-card h3{text-shadow:0 10px 25px #00000059;margin:.4rem 0 .6rem}.timeline-card header h3,.project-card h3,.extracurricular-card h3,.quote-card h3,.process-steps li h3,.section-heading h2{text-shadow:0 12px 30px #00000073}.service-card .service-icon{background:linear-gradient(120deg,#76d4ff33,#ff69dd1f);border:1px solid #ffffff12;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:inline-flex}.service-card ul{flex-wrap:wrap;gap:.4rem;margin:1.1rem 0 0;padding:0;list-style:none;display:flex}.service-card li{background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;padding:.3rem .7rem;font-size:.8rem}.timeline{flex-direction:column;gap:1.2rem;display:flex}.timeline-card{border:1px solid var(--surface-border,var(--hero-card-border));background:var(--surface-bg,var(--hero-card-bg));box-shadow:var(--surface-shadow,var(--hero-card-shadow));isolation:isolate;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);border-radius:38px;padding:1.8rem;position:relative;overflow:hidden}.timeline-card header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.8rem;display:flex}.timeline-card header h3{margin:0}.timeline-card .timeline-meta{letter-spacing:.03em;text-transform:uppercase;color:#ffffff80;font-size:.9rem}.timeline-card ul{margin:.9rem 0 0;padding-left:1.1rem;line-height:1.5}.process-steps{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.2rem;margin:0;padding:0;list-style:none;display:grid}.process-steps li{border:1px solid var(--surface-border,var(--hero-card-border));background:var(--surface-bg,var(--hero-card-bg));min-height:170px;box-shadow:var(--surface-shadow,var(--hero-card-shadow));isolation:isolate;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:34px;padding:1.4rem;position:relative;overflow:hidden}.step-number{letter-spacing:.1em;color:#fffc;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:.8rem;font-size:.8rem;display:inline-flex}.toolkit .tool-tags{flex-wrap:wrap;gap:.6rem;margin-top:1.5rem;display:flex}.toolkit .tool-tags span{background:#ffffff0a;border:1px solid #ffffff26;border-radius:999px;padding:.5rem .9rem;font-size:.85rem}.testimonials,.extracurricular-grid{gap:1.2rem;display:grid}.extracurricular-card{border:1px solid var(--surface-border,var(--hero-card-border));background:var(--surface-bg,var(--hero-card-bg));box-shadow:var(--surface-shadow,var(--hero-card-shadow));isolation:isolate;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:36px;padding:1.4rem 1.6rem;position:relative;overflow:hidden}.extracurricular-card h3{margin:0 0 .2rem}.extracurricular-card .meta{color:#fff9;letter-spacing:.03em;text-transform:uppercase;font-size:.9rem}.education #education-block{border:1px solid var(--surface-border,var(--hero-card-border));background:var(--surface-bg,var(--hero-card-bg));isolation:isolate;box-shadow:var(--surface-shadow,var(--hero-card-shadow));-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:34px;margin-top:1rem;padding:1.6rem;position:relative;overflow:hidden}.quote-card{background:var(--surface-bg,var(--hero-card-bg));border:1px solid var(--surface-border,var(--hero-card-border));box-shadow:var(--surface-shadow,var(--hero-card-shadow));isolation:isolate;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:38px;padding:1.6rem;position:relative;overflow:hidden}.quote{font-size:1rem;line-height:1.7}.quote-meta{letter-spacing:.04em;text-transform:uppercase;color:#fff9;margin-top:1rem;font-size:.9rem}.text-link{color:#f6e8cf;border-bottom:1px solid;padding-bottom:.16rem;font-weight:600;text-decoration:none;transition:color .2s,border-color .2s}.text-link:hover,.text-link:focus-visible{color:#fff3de;border-bottom-color:currentColor}.contact-links{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.contact-links a{white-space:nowrap;align-items:center;display:inline-flex}.bubble-panel{z-index:4;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);opacity:0;pointer-events:none;color:#f5f7ff;background:linear-gradient(165deg,#060a18d9,#03060e99);border:1px solid #7db4ff59;border-radius:40px;flex-direction:column;gap:1rem;width:min(480px,92vw);max-height:calc(100vh - 2rem);padding:2.4rem;transition:opacity .35s,transform .35s;display:flex;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-45%)scale(.9);box-shadow:0 55px 140px #01030abf}.bubble-panel-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2;background:#020204a6;transition:opacity .25s;position:fixed;inset:0}.bubble-panel-overlay.hidden{opacity:0;pointer-events:none}.bubble-panel:not(.hidden){opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.bubble-panel.hidden{opacity:0;pointer-events:none;transform:translate(-50%,-45%)scale(.9)}.bubble-panel button{color:#ffffffb3;cursor:pointer;background:#00000040;border:none;border-radius:50%;width:2.1rem;height:2.1rem;min-height:44px;font-size:1.4rem;position:absolute;top:.6rem;right:.6rem}.bubble-panel .panel-tag{letter-spacing:.3em;text-transform:uppercase;color:#ffffff80;margin-bottom:.4rem;font-size:.8rem}.bubble-panel h3{letter-spacing:.02em;margin:0;font-size:1.6rem}.bubble-panel .panel-media{aspect-ratio:2;background:#0a0f1e;border:1px solid #ffffff2e;border-radius:22px;width:100%;margin-bottom:1.2rem;overflow:hidden;box-shadow:0 25px 45px #00000073}.bubble-panel .panel-media img{object-fit:contain;width:100%;height:100%;display:block}.bubble-panel .panel-media.hidden{display:none}.bubble-panel .panel-details{color:#ffffffd1;text-shadow:0 18px 45px #0009;flex-direction:column;gap:.8rem;line-height:1.6;display:flex}.bubble-panel .panel-meta{text-transform:uppercase;letter-spacing:.2em;color:#bbd5ffcc;font-size:.8rem}.bubble-panel .panel-actions{gap:.7rem;margin-top:1.2rem;display:flex}.bubble-panel .panel-actions a{text-align:center;text-transform:uppercase;letter-spacing:.08em;border-radius:999px;flex:1;min-height:44px;padding:.75rem 1rem;font-size:.9rem}.bubble-panel .panel-actions .primary{color:#021427;background:linear-gradient(120deg,#8ad0ff,#57ffe8);border:none;box-shadow:0 20px 35px #1bdcff59}.bubble-panel .panel-actions .ghost{color:#f6fbff;background:#ffffff0d;border:1px solid #ffffff59}.bubble-panel a{color:#76fff2;font-weight:600;text-decoration:none}@media (width<=1100px){:root{--page-max-width:700px;--page-side:clamp(1.25rem, 4vw, 2.6rem);--page-top:clamp(3rem, 5vw, 3.6rem);--page-bottom:clamp(3.2rem, 6vw, 4rem)}.hero,.section{border-radius:36px}.section{padding:clamp(1.8rem,3vw,2.4rem)}.hero{padding:clamp(2rem,4vw,3rem)}}@media (width<=900px){.page{gap:2.5rem;margin-left:clamp(1.1rem,4vw,2.2rem)}.hero h1{font-size:clamp(2.2rem,6vw,3rem)}.hero h1 span{font-size:clamp(1.05rem,3.6vw,1.3rem)}.services-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}}@media (width<=720px){.page{margin-left:var(--page-side);gap:2.2rem;padding-top:clamp(2.2rem,6vw,3rem);padding-bottom:clamp(3rem,8vw,3.6rem)}.stats{flex-direction:column}.process-steps,.testimonials{grid-template-columns:1fr}.timeline-card header{flex-direction:column;align-items:flex-start}.hero{border-radius:30px;padding:1.8rem}.hero h1{font-size:clamp(2rem,7vw,2.6rem)}.hero h1 span{font-size:clamp(1rem,4.3vw,1.15rem)}.hero .lede{font-size:1.05rem;line-height:1.6}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions a,.hero-actions button{justify-content:center;width:100%}.section{border-radius:30px;padding:1.6rem}.bubble-panel{border-radius:28px;width:min(520px,94vw);max-height:calc(100vh - 2rem);padding:1.6rem;overflow-y:auto}.bubble-panel .panel-actions{flex-direction:column}.contact-links{flex-direction:column;align-items:flex-start}}@media (width<=540px){:root{--page-side:clamp(1rem, 5vw, 1.6rem);--page-top:clamp(2.1rem, 7vw, 2.6rem);--page-bottom:clamp(2.6rem, 8vw, 3.2rem)}body{font-size:15px}.hero{border-radius:26px;padding:1.5rem}.section{border-radius:26px;padding:1.4rem}.stats li{padding:1rem 1.2rem}.bubble-panel{padding:1.4rem}}.hero{background:var(--hero-card-bg,#060a16b8);border:1px solid var(--hero-card-border,#ffffff14);box-shadow:var(--hero-card-shadow,0 45px 90px #02060ea6);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);isolation:isolate;border-radius:42px;margin-bottom:.8rem;padding:clamp(2.2rem,4vw,3.4rem);transition:background .6s,border-color .6s,box-shadow .6s;position:relative;overflow:hidden}.hero:before{content:"";border-radius:inherit;background:radial-gradient(circle at 24% 12%, var(--hero-card-highlight,#ffffff38), transparent 65%);opacity:.4;filter:blur(.5px);pointer-events:none;z-index:-1;position:absolute;inset:1px}.hero:after{content:"";border-radius:inherit;background:var(--surface-bg,#ffffff0a);mix-blend-mode:soft-light;pointer-events:none;z-index:-1;opacity:.6;position:absolute;inset:0}@media (width<=900px){.hero,.section,.stats li,.project-card,.service-card,.timeline-card,.process-steps li,.extracurricular-card,.education #education-block,.quote-card,.intro-card,.bubble-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bubble-panel-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}@media (prefers-reduced-motion:reduce){.hero,.section,.stats li,.project-card,.service-card,.timeline-card,.process-steps li,.extracurricular-card,.education #education-block,.quote-card,.intro-card,.bubble-panel,.bubble-panel-overlay{-webkit-backdrop-filter:none;backdrop-filter:none}.project-card,.project-card:hover,.project-card:active{transition:none;transform:none}.bubble-panel,.bubble-panel.hidden,.bubble-panel:not(.hidden),.bubble-panel-overlay{transition:none}}