*,:before,:after{box-sizing:border-box;min-width:0;margin:0;padding:0}html,body,#root{color:#fff;background:#000;width:100%;min-height:100%}body{overflow-x:hidden}html{scroll-behavior:smooth}.main-container{z-index:1;flex-direction:column;width:100%;display:flex;position:relative}.section{width:100%;max-width:1200px;margin:0 auto;padding:120px 40px;position:relative}.section+.section{margin-top:0}body{-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;line-height:1.6}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.5px}p{color:#aaa;line-height:1.7}::selection{color:#fff;background:#3b82f6}a{color:inherit;text-decoration:none;transition:all .25s}a:hover{color:#60a5fa}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#050505}::-webkit-scrollbar-thumb{background:linear-gradient(#3b82f6,#6366f1);border-radius:10px}.glow{box-shadow:0 0 40px #3b82f666}.fade-in{animation:.9s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffff0d,#ffffff03);border:1px solid #ffffff14;border-radius:20px;box-shadow:inset 0 0 20px #ffffff08,0 10px 40px #0006}.orbit-icon{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:14px;transition:all .3s;display:flex;box-shadow:0 0 12px #ffffff14,inset 0 0 10px #ffffff0d}.orbit-icon:hover{transform:scale(1.15);box-shadow:0 0 20px #3b82f699}.section-title{letter-spacing:-.04em;background:linear-gradient(100deg,#fff 0%,#93c5fd 30%,#a5b4fc 50%,#f0abfc 70%,#fff 100%) 0 0/250%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(32px,4vw,48px);font-weight:800;animation:6s linear infinite gradientShift}.section-subtitle{color:#ffffff73;max-width:520px;margin-top:10px;font-size:16px}@keyframes gradientShift{0%{background-position:0%}to{background-position:250%}}.primary-btn{color:#fff;cursor:pointer;background:#6366f12e;border:1px solid #6366f18c;border-radius:12px;padding:11px 26px;font-weight:600;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;box-shadow:0 4px 20px #6366f133}.primary-btn:hover{background:#6366f147;border-color:#6366f1bf;transform:translateY(-2px);box-shadow:0 8px 30px #6366f159}.secondary-btn{color:#ffffffbf;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff24;border-radius:12px;padding:11px 26px;transition:background .2s,border-color .2s,transform .2s}.secondary-btn:hover{background:#ffffff1a;border-color:#ffffff47;transform:translateY(-2px)}.container{width:100%;max-width:1200px;margin:0 auto}.contact-form-card{padding:32px 30px}:focus{outline:none}:focus-visible{outline-offset:3px;border-radius:6px;outline:2px solid #60a5fa}.nav-pill a:focus-visible{border-radius:999px}button:focus-visible{outline-offset:3px;border-radius:12px}.glass:focus-visible,a.glass:focus-visible{border-radius:20px;outline-color:#a5b4fc}@media (pointer:coarse){.custom-cursor-dot,.custom-cursor-ring{display:none!important}*{cursor:auto!important}}@media (width<=768px){.section{padding:72px 20px}.section-subtitle{max-width:100%;font-size:14px}.nav-pill{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:2px!important;max-width:calc(100vw - 24px)!important;padding:8px 12px!important;top:12px!important;overflow-x:auto!important}.nav-pill::-webkit-scrollbar{display:none}.nav-pill a{white-space:nowrap;padding:5px 10px!important;font-size:12px!important}.sun-wrap{width:400px!important;height:400px!important;right:-420px!important}.hero-ctas{width:100%;flex-direction:column!important}.hero-ctas a{width:100%!important}.hero-ctas button{justify-content:center;width:100%!important}.about-grid{grid-template-columns:1fr!important;gap:24px!important}.about-photos{flex-direction:row!important;gap:12px!important;display:flex!important}.about-profile-photo{flex:1;height:220px!important}.about-school-photo{flex-shrink:0;width:110px!important;height:220px!important}.projects-grid{grid-template-columns:1fr!important}.experience-timeline{max-width:100%!important}.exp-top-row{flex-direction:column!important;align-items:flex-start!important;gap:4px!important}.exp-top-row>div:last-child{text-align:left!important}.skills-scroll-wrapper{-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -20px;padding:0 20px 12px;overflow-x:auto!important}.skills-scroll-wrapper::-webkit-scrollbar{display:none}.skills-map{width:860px!important;min-width:860px!important}.contact-grid{grid-template-columns:1fr!important;gap:12px!important;width:100%!important}.contact-grid>*,.contact-grid a,.contact-grid .glass{box-sizing:border-box!important;width:100%!important;min-width:0!important}.contact-grid .glass{padding:14px 16px!important}.form-row{grid-template-columns:1fr!important}.contact-form-card{box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding:20px 16px!important}.contact-send-btn{width:100%!important}}@media (width<=480px){.section{padding:60px 16px}.nav-pill a{padding:4px 9px!important;font-size:11px!important}.sun-wrap{display:none!important}.skills-map{width:760px!important;min-width:760px!important}.experience-timeline{padding-left:0!important}}
