@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;900&family=Outfit:wght@400;600;800&display=swap";:root{--bg:#0d1117;--text-primary:#f0f0f0;--text-secondary:#aaa;--accent:#0ea5e9;--accent-glow:#0ea5e966}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;overflow-x:hidden}ul{margin-top:.5rem;padding-left:1.25rem}li{color:var(--text-secondary);margin-bottom:.5rem;font-size:.95rem;line-height:1.6}strong{color:#bae6fd;font-weight:600}.spotlight{pointer-events:none;z-index:1;background:radial-gradient(circle 500px at var(--mouse-x,50vw) var(--mouse-y,50vh), #0ea5e91f, transparent 60%);mix-blend-mode:screen;width:100vw;height:100vh;position:fixed;top:0;left:0}.glass-nav{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d111733;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;width:100%;padding:2rem 4rem;display:flex;position:fixed;top:0}.logo{letter-spacing:-1px;background:linear-gradient(135deg,#fff,#0ea5e9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:800}.links a{color:var(--text-secondary);margin-left:2.5rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .3s}.links a:hover{color:#fff}.content-wrapper{z-index:10;position:relative}.hero-spacer{width:100%;height:100vh}.resume-body{max-width:1200px;margin:0 auto;padding:4rem 2rem}.fade-in{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(40px)}.fade-in.visible{opacity:1;transform:translateY(0)}.section{margin-bottom:8rem;position:relative}.section-heading{color:#fff;letter-spacing:-.5px;margin-bottom:3rem;font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:800}.section-heading:after{content:"";background:linear-gradient(90deg, var(--accent), transparent);border-radius:2px;width:60px;height:4px;margin-top:1rem;display:block}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#14181f66;border:1px solid #ffffff0d;border-radius:16px;padding:2.5rem;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),border-color .4s,box-shadow .4s;position:relative;overflow:hidden}.glass-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(to bottom right,#ffffff26,#fff0);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-card:hover{border-color:#0ea5e999;transform:translateY(-8px);box-shadow:0 15px 40px #0ea5e926}.glass-card h3{color:#fff;margin-bottom:1.5rem;font-family:Outfit,sans-serif;font-size:1.35rem}.glass-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.7}.about-card{max-width:900px}.name-title{background:linear-gradient(90deg,#fff,#38bdf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem!important;font-size:2rem!important}.info-row{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.badge{color:#bae6fd;background:#0ea5e926;border:1px solid #0ea5e94d;border-radius:20px;padding:.4rem 1rem;font-size:.85rem;font-weight:500}.summary-text{border-top:1px solid #ffffff0d;margin-top:1.5rem;padding-top:1.5rem;color:#d1d1d1!important;font-size:1.05rem!important;line-height:1.8!important}#pretext-hero{z-index:5;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.projects-container,.awards-container{width:100%;position:relative}.projects-container canvas,.awards-container canvas{width:100%;height:auto;display:block}.footer{text-align:center;color:var(--text-secondary);border-top:1px solid #ffffff0d;margin-top:4rem;padding:4rem 2rem;font-size:.9rem}@media (width<=768px){.hero-spacer{height:85vh}.glass-nav{flex-direction:column;gap:1rem;padding:1.5rem}.links a{margin-left:1rem;margin-right:1rem}.section-heading{font-size:2rem}.info-row{flex-direction:column;gap:.5rem}}
