:root{color-scheme:dark;font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#030712;color:#f5f7ff;--color-bg: #030712;--color-bg-alt: #050d1e;--color-gradient-1: #09122d;--color-gradient-2: #050b1a;--color-gradient-3: #0f1a33;--color-surface: rgba(14, 21, 41, .75);--color-surface-alt: rgba(24, 32, 56, .55);--color-border: rgba(118, 152, 255, .18);--color-border-strong: rgba(136, 176, 255, .35);--color-text: #f5f7ff;--color-muted: #9caed4;--color-subtle: rgba(156, 174, 212, .55);--color-primary: #6a9dff;--color-primary-hover: #7cb3ff;--color-accent: #b48bff;--color-accent-hover: #caa5ff;--glow-primary: rgba(106, 157, 255, .45);--glow-accent: rgba(180, 139, 255, .5);--shadow-soft: 0 18px 45px rgba(4, 9, 20, .45);--shadow-strong: 0 30px 110px rgba(3, 7, 18, .65);--radius-lg: 24px;--radius-md: 16px;--radius-sm: 12px;--blur-lg: 18px;--transition-base: .22s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box}html{min-height:100%;background:radial-gradient(circle at 18% 12%,rgba(106,157,255,.14),transparent 55%),radial-gradient(circle at 82% 8%,rgba(180,139,255,.18),transparent 60%),var(--color-bg)}body{min-height:100vh;margin:0;background:radial-gradient(ellipse at bottom,rgba(106,157,255,.18),transparent 55%),linear-gradient(160deg,var(--color-gradient-1) 0%,var(--color-gradient-2) 55%,var(--color-gradient-3) 100%);color:var(--color-text);overflow-x:hidden}#root{min-height:100vh}a{color:inherit}::-webkit-scrollbar{width:12px;background:transparent}::-webkit-scrollbar-track{background:#ffffff05;border-radius:999px}::-webkit-scrollbar-thumb{background:#6c98ff33;border-radius:999px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#6c98ff4d;background-clip:padding-box}*{scrollbar-width:thin;scrollbar-color:rgba(108,152,255,.35) transparent}::selection{background:#6a9dff59;color:var(--color-text)}#root{position:relative;min-height:100vh;isolation:isolate;overflow-x:hidden}#root:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 12% 18%,rgba(106,157,255,.18),transparent 55%),radial-gradient(circle at 88% 12%,rgba(180,139,255,.16),transparent 60%),linear-gradient(160deg,#09142de0,#050b1ae6 55%,#0a1229e0);opacity:.9;z-index:-2;pointer-events:none}#root:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#6a9dff14,#b48bff0f);z-index:-1;pointer-events:none}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}:focus-visible{outline:2px solid var(--color-primary-hover);outline-offset:4px}.page-transition{width:100%;min-height:100vh;opacity:1;transition:opacity var(--transition-base);position:relative}.page-transition.fadeOut{opacity:0}.page-transition>*{min-height:100vh}body.transitioning{overflow:hidden}.glass-transition{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:opacity var(--transition-base),backdrop-filter .4s ease}.glass-transition.fadeOut{opacity:0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.glass-transition:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#6a9dff38,#b48bff38);opacity:0;transition:opacity .4s ease}.glass-transition.fadeOut:before{opacity:1}.nav-links{position:fixed;top:2rem;left:50%;transform:translate(-50%);display:flex;gap:.75rem;padding:.45rem .9rem;border-radius:999px;background:linear-gradient(135deg,#16203cd6,#0c1528d6);border:1px solid rgba(118,152,255,.12);-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));box-shadow:0 18px 46px #03071280;z-index:40}.projects-link{position:relative;padding:.55rem 1.3rem;border-radius:999px;font-weight:500;letter-spacing:.04em;color:var(--color-text);transition:transform var(--transition-base),color var(--transition-base)}.projects-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,#6a9dff33,#b48bff42);opacity:0;transition:opacity var(--transition-base);z-index:-1}.projects-link:hover,.projects-link:focus-visible{color:var(--color-primary-hover);transform:translateY(-1px)}.projects-link:hover:after,.projects-link:focus-visible:after{opacity:1}.scrollable-content{min-height:100vh;padding-top:3.5rem;background:linear-gradient(180deg,rgba(9,18,38,.94) 0%,rgba(7,14,30,.96) 120px,transparent 320px),linear-gradient(180deg,#060c1af0,#091022eb 200px,#060c1ae0)}.home-container{min-height:100vh;padding:7rem 1.5rem 4rem;display:grid;place-items:center;text-align:center;position:relative}.home-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 15%,rgba(106,157,255,.18),transparent 60%);opacity:.8;pointer-events:none;z-index:-1}.home-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 85%,rgba(180,139,255,.18),transparent 60%);opacity:.6;pointer-events:none;z-index:-1}.home-content h1{margin:0 0 1rem;font-size:clamp(3rem,8vw,5rem);line-height:1.05;background:linear-gradient(120deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 20px 60px rgba(3,7,18,.8)}.home-content p{margin:0;font-size:clamp(1.25rem,3vw,1.75rem);color:var(--color-muted);letter-spacing:.05em}.projects{position:relative;min-height:100vh;padding-top:5rem;background:linear-gradient(180deg,#060c1aeb,#040914f0 180px,#030712f5);overflow:visible}.projects-header{position:relative;min-height:clamp(70vh,100vh,95vh);display:grid;place-items:center;padding:6rem 1.5rem 3rem;text-align:center;box-shadow:inset 0 -40px 120px #0307128c}.projects-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(106,157,255,.24),transparent 65%),linear-gradient(160deg,#0a142eeb,#040a1ae0 60%,#0a1228e0);z-index:-2}.projects-header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 100%,rgba(180,139,255,.24),transparent 70%);z-index:-1;opacity:.6;animation:auroraPulse 8s ease-in-out infinite}@keyframes auroraPulse{0%,to{opacity:.45}50%{opacity:.9}}.header-content{width:min(720px,100%);margin:0 auto;padding:2rem 2.5rem;border-radius:var(--radius-lg);background:linear-gradient(160deg,#0f172ed1,#080f20cc);border:1px solid rgba(118,152,255,.1);-webkit-backdrop-filter:blur(calc(var(--blur-lg) - 6px));backdrop-filter:blur(calc(var(--blur-lg) - 6px));box-shadow:0 32px 90px #0307128c}.header-content h1{margin:0 0 1rem;font-size:clamp(2.8rem,6vw,4rem);background:linear-gradient(120deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.header-content p{margin:0;font-size:clamp(1.1rem,2.4vw,1.6rem);color:var(--color-muted)}.content-wrapper{width:min(1180px,100%);margin:0 auto;padding:1.5rem 1.5rem 4rem;display:flex;flex-direction:column;align-items:center;gap:2.5rem}.glass-panel{width:100%;padding:3rem clamp(1.5rem,5vw,3rem);border-radius:var(--radius-lg);background:linear-gradient(160deg,#0d152ac7,#080f1ec7);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg))}.content-section{width:100%;display:flex;flex-direction:column;gap:2.5rem}.skills-section{display:flex;flex-direction:column;gap:1.5rem}.skills-section h2,.education-section h2{margin:0 0 1.5rem;font-size:clamp(1.6rem,2.6vw,2.1rem);color:var(--color-text);letter-spacing:.06em;text-transform:uppercase}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.skill-category{padding:1.5rem;border-radius:var(--radius-md);background:linear-gradient(150deg,#0c1427b3,#121c36b3);border:1px solid rgba(118,152,255,.2);box-shadow:0 16px 40px #03071273;transition:transform var(--transition-base),border-color var(--transition-base)}.skill-category:hover{transform:translateY(-4px);border-color:var(--color-border-strong)}.skill-category h3{margin:0 0 1rem;font-size:1.1rem;letter-spacing:.05em;color:var(--color-primary-hover)}.skill-category ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.skill-category li{color:var(--color-muted);font-size:.95rem}.panels-container{width:min(1180px,100%);margin:0 auto;padding:20rem 1.5rem 6rem;display:flex;flex-direction:column;gap:8rem;position:relative;overflow:visible}.panel-container{position:relative;display:flex;justify-content:center;align-items:center;perspective:1800px;min-height:520px;padding:3.5rem 0 2rem;overflow:visible}.rotating-panel{position:relative;width:min(960px,92%);min-height:460px;margin:0 auto;border-radius:var(--radius-lg);padding:3px;background:linear-gradient(135deg,#6a9dff47,#b48bff3d);border:1px solid var(--color-border);box-shadow:var(--shadow-strong);overflow:hidden;transform-style:preserve-3d;cursor:pointer;pointer-events:auto}.rotating-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(160deg,#080f20eb,#10192ee0);z-index:-1}.panel-content{position:relative;display:block;padding:clamp(2.5rem,6vw,3.5rem);border-radius:calc(var(--radius-lg) - 4px);color:var(--color-text);-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg))}.panel-content h2{margin:0 0 1.25rem;font-size:clamp(1.8rem,4vw,2.4rem);background:linear-gradient(120deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.project-card{margin:0;padding:clamp(1.5rem,4vw,2rem);border-radius:var(--radius-md);background:linear-gradient(150deg,#0d1427bf,#111a30bf);border:1px solid rgba(118,152,255,.22);box-shadow:0 16px 40px #03071273;display:grid;gap:clamp(1rem,3vw,1.5rem)}.project-card img{width:60%;justify-self:center;border-radius:calc(var(--radius-md) - 6px);border:1px solid rgba(118,152,255,.25);box-shadow:0 12px 30px #03071280}.project-card p{margin:0;font-size:1.05rem;color:var(--color-muted);line-height:1.7}.project-link{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;align-self:flex-start;padding:.55rem 1.15rem;border-radius:999px;font-weight:600;color:var(--color-text);background:linear-gradient(135deg,#6a9dff59,#b48bff52);border:1px solid var(--color-border-strong);transition:transform var(--transition-base),box-shadow var(--transition-base)}.project-link:hover,.project-link:focus-visible{transform:translateY(-2px);box-shadow:0 14px 30px #6a9dff59}.spacer{height:10rem}.project-details{min-height:100vh;padding:8rem 1.5rem 5rem;display:flex;justify-content:center}.project-content{width:min(960px,100%);padding:clamp(2.5rem,5vw,3.5rem);border-radius:var(--radius-lg);background:linear-gradient(160deg,#0d152ac7,#070e1ec7);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));display:flex;flex-direction:column;gap:2.5rem}.project-content h1{margin:0;font-size:clamp(2.4rem,5vw,3.2rem);background:linear-gradient(120deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.project-image{border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(118,152,255,.22);box-shadow:0 18px 55px #03071299}.project-description{margin:0;padding:clamp(1.75rem,4vw,2.25rem);border-radius:var(--radius-md);background:linear-gradient(150deg,#0c1427b8,#111a30b8);border:1px solid rgba(118,152,255,.2);color:var(--color-muted);line-height:1.8;display:flex;flex-direction:column;gap:1.5rem}.project-links{display:flex;flex-wrap:wrap;gap:.75rem}.project-live-link{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.4rem;border-radius:999px;font-weight:600;color:var(--color-text);background:linear-gradient(135deg,#6a9dff59,#b48bff52);border:1px solid var(--color-border-strong);transition:transform var(--transition-base),box-shadow var(--transition-base)}.project-live-link:hover,.project-live-link:focus-visible{transform:translateY(-2px);box-shadow:0 14px 30px #b48bff59}.project-section{padding:clamp(1.75rem,4vw,2.5rem);border-radius:var(--radius-md);background:linear-gradient(150deg,#0c1427b8,#101a30b8);border:1px solid rgba(118,152,255,.24);display:flex;flex-direction:column;gap:1.25rem}.project-section h2{margin:0;font-size:1.6rem;color:var(--color-text);letter-spacing:.06em}.project-section ul{margin:0;padding:0;list-style:none;display:grid;gap:.75rem}.project-section li{color:var(--color-muted);line-height:1.6}.project-not-found{text-align:center;color:var(--color-muted)}.about-content p{margin:0;font-size:1.05rem;line-height:1.85;color:var(--color-muted)}.about-content p+p{margin-top:1.25rem}.education-section{display:flex;flex-direction:column;gap:2rem}.timeline-item{position:relative;display:grid;grid-template-columns:140px 1fr;gap:2rem}.timeline-item:before{content:"";position:absolute;left:140px;top:.4rem;bottom:0;width:1px;background:linear-gradient(180deg,#6a9dff73,#b48bff33)}.timeline-date{font-weight:600;color:var(--color-primary-hover);letter-spacing:.05em}.timeline-content{padding-left:1.75rem;display:grid;gap:.75rem}.timeline-content h3{margin:0;font-size:1.4rem;color:var(--color-text)}.timeline-content p{margin:0;color:var(--color-muted)}.timeline-content ul{margin:0;padding:0;list-style:none;display:grid;gap:.6rem}.timeline-content li{color:var(--color-muted)}.achievements-section ul{margin:0;padding:0;list-style:none;display:grid;gap:.75rem}.achievements-section li{position:relative;padding-left:1.2rem;color:var(--color-muted)}.achievements-section li:before{content:"•";position:absolute;left:0;color:var(--color-primary-hover)}.scroll-indicator{position:fixed;inset:auto 0 0;height:180px;pointer-events:none;opacity:0;transform:translateY(40px);transition:opacity .6s ease,transform .6s ease;background:linear-gradient(to top,rgba(106,157,255,.18),rgba(180,139,255,.12),transparent);z-index:25;overflow:hidden}.scroll-indicator.visible{opacity:1;transform:translateY(0)}.scroll-chevron{position:absolute;bottom:58px;left:50%;width:36px;height:2px;background:#f5f7ff80;transform:translate(-50%) rotate(45deg);box-shadow:0 0 22px #6a9dff66;animation:chevronPulse 2.4s ease-in-out infinite}.scroll-chevron:after{content:"";position:absolute;right:0;top:0;width:36px;height:2px;background:#f5f7ff66;transform:rotate(90deg)}@keyframes chevronPulse{0%,to{opacity:.55;transform:translate(-50%) rotate(45deg) scale(1)}50%{opacity:.85;transform:translate(-50%) rotate(45deg) scale(1.05)}}.ember{position:absolute;bottom:-8px;width:5px;height:5px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));box-shadow:0 0 18px #6a9dff73;animation:emberRise 3.4s ease-in infinite;opacity:0}.ember:nth-child(2){left:25%;animation-delay:.4s}.ember:nth-child(3){left:45%;animation-delay:1s}.ember:nth-child(4){left:60%;animation-delay:1.6s}.ember:nth-child(5){left:75%;animation-delay:2s}.ember:nth-child(6){left:35%;animation-delay:2.6s}.ember:nth-child(7){left:55%;animation-delay:3s}@keyframes emberRise{0%{opacity:0;transform:translateY(0) scale(1)}20%{opacity:.6}60%{opacity:.35;transform:translateY(-180px) scale(.6)}to{opacity:0;transform:translateY(-240px) scale(.3)}}@media (max-width: 960px){.nav-links{top:1.5rem;gap:.5rem;padding:.4rem .7rem}.projects-link{padding:.5rem 1rem;font-size:.95rem}.timeline-item{grid-template-columns:110px 1fr}.timeline-item:before{left:110px}}@media (max-width: 768px){.panels-container{gap:5rem;padding-bottom:4rem}.panel-container{min-height:420px}.rotating-panel{width:100%}.panel-content{padding:2.25rem}.nav-links{width:calc(100% - 2rem);left:1rem;transform:none;justify-content:space-between}.timeline-item{grid-template-columns:1fr;gap:1rem}.timeline-item:before{display:none}.timeline-content{padding-left:0}.scrollable-content,.projects,.home-container{padding-top:6rem}}@media (max-width: 540px){.nav-links{flex-wrap:wrap;gap:.35rem;padding:.35rem .6rem}.projects-link{flex:1 1 calc(50% - .5rem);text-align:center}.header-content{padding:1.75rem}.glass-panel,.project-content{padding:2.25rem 1.5rem}.project-section{padding:1.5rem}}