*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #ffffff;--fg: #0a0a0a;--muted-bg: #f5f5f5;--muted-fg: #737373;--border: #e5e5e5;--primary: #0a0a0a;--secondary: #6366f1;--secondary-light: rgba(99,102,241,.1);--radius: 1rem;--font: "Inter", system-ui, sans-serif}html{scroll-behavior:smooth;background:#fff}body{background:transparent;color:var(--fg);font-family:var(--font);font-size:.9375rem;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4{font-family:"Space Grotesk",var(--font);letter-spacing:-.03em;line-height:1.15;font-weight:700}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}section{padding:6rem 0;position:relative}section[id]{scroll-margin-top:80px}.bg-muted{background:#f5f5f5db;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}#about,#experience,#projects{background:#ffffffd1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:0 2rem;height:3rem;border-radius:.5rem;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .15s ease;border:2px solid transparent}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:#222}.btn-outline{background:transparent;color:var(--fg);border-color:var(--border)}.btn-outline:hover{border-color:var(--secondary);color:var(--secondary)}.btn-full{width:100%;justify-content:center}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:clamp(1.75rem,4vw,2.25rem);margin-bottom:1rem}.section-bar{height:6px;width:5rem;background:var(--secondary);border-radius:999px}.section-bar.center{margin:0 auto}.section-sub{margin-top:1.5rem;color:var(--muted-fg);max-width:36rem;margin-left:auto;margin-right:auto}#navbar{position:fixed;top:0;left:0;right:0;z-index:100;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}#navbar.scrolled{border-bottom-color:var(--border);box-shadow:0 1px 8px #0000000f}.nav-container{max-width:1100px;margin:0 auto;padding:0 1.5rem;height:64px;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:-.04em}.nav-logo span{color:var(--secondary)}.nav-links{list-style:none;display:flex;gap:2rem}.nav-hamburger,.nav-mobile-menu{display:none}.nav-links a{font-size:.875rem;font-weight:500;color:var(--muted-fg);transition:color .15s}.nav-links a:hover,.nav-links a.active{color:var(--fg)}.nav-mobile-menu a.active{color:var(--secondary)}#hero{min-height:100vh;display:flex;align-items:center;text-align:center;padding-top:64px;position:relative}.hero-container{max-width:800px;margin:0 auto;padding:0 1.5rem}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--muted-bg);border:1px solid var(--border);border-radius:999px;padding:.375rem 1rem;font-size:.8125rem;font-weight:500;margin-bottom:2rem;color:var(--muted-fg)}.ping-dot{position:relative;width:8px;height:8px;display:inline-flex}.ping-inner{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--secondary);opacity:.6;animation:ping 1.5s ease-in-out infinite}.ping-dot-solid{width:8px;height:8px;border-radius:50%;background:var(--secondary);position:relative;z-index:1}@keyframes ping{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(2);opacity:0}}.hero-title{font-size:clamp(2.5rem,8vw,4.5rem);margin-bottom:1.5rem;letter-spacing:-.04em}.hero-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--muted-fg);max-width:38rem;margin:0 auto 2.5rem;line-height:1.625}.highlight{position:relative;font-weight:700;background:linear-gradient(90deg,#6366f1,#ec4899,#6366f1);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradient-shift 6s ease-in-out infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:5rem}.hero-icons{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:36rem;margin:0 auto;opacity:.35;filter:grayscale(1)}.hero-icon-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.hero-icon-item span{font-size:.625rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.hero-icon-hidden{display:none}@media (min-width: 768px){.hero-icon-hidden{display:flex}}.about-grid{display:grid;grid-template-columns:1fr;gap:4rem;align-items:center}@media (min-width: 1024px){.about-grid{grid-template-columns:1fr 1fr}}.about-image-wrap{position:relative}.about-image-frame{aspect-ratio:1;border-radius:1.5rem;overflow:hidden;border:12px solid var(--muted-bg);box-shadow:0 25px 50px -12px #00000026}.about-image-frame img{width:100%;height:100%;object-fit:cover}@media (hover: hover) and (pointer: fine){.about-image-frame img{filter:grayscale(1);transition:filter .7s}.about-image-frame:hover img{filter:grayscale(0)}}.about-badge{position:absolute;bottom:-1.5rem;right:-1.5rem;background:var(--primary);color:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 20px 40px #0003;text-align:center;min-width:140px}.about-badge-num{font-size:1.875rem;font-weight:700}.about-badge-label{font-size:.625rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;opacity:.8;line-height:1.3}.about-content{display:flex;flex-direction:column;gap:1.5rem}.about-content h2{font-size:clamp(1.75rem,4vw,2.25rem);margin-bottom:.25rem}.text-secondary{color:var(--secondary)}.about-text-lg{font-size:1.0625rem;color:var(--muted-fg);line-height:1.75}.about-text-sm{color:var(--muted-fg);line-height:1.75}.about-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.about-card{display:flex;gap:1rem;padding:1rem;border-radius:1rem;background:#f5f5f5d9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid transparent;transition:border-color .2s,transform .2s}.about-card:hover{border-color:#6366f133}.about-card h4{font-size:.875rem;font-weight:700;margin-bottom:.25rem}.about-card p{font-size:.75rem;color:var(--muted-fg)}.icon-secondary{color:var(--secondary);flex-shrink:0}.skills-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.skills-grid{grid-template-columns:repeat(2,1fr)}}.skill-card{position:relative;padding:2rem;border-radius:1rem;background:#ffffffeb;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--border);transition:box-shadow .2s,border-color .2s;transform-style:preserve-3d;overflow:hidden}.skill-card:hover{box-shadow:0 20px 40px -12px #6366f147,0 8px 20px #0000000f;border-color:#6366f14d}.skill-icon{display:inline-flex;padding:.75rem;border-radius:.75rem;background:var(--muted-bg);color:var(--secondary);margin-bottom:1rem;transition:background .2s}.skill-card:hover .skill-icon{background:var(--secondary-light)}.skill-card h3{font-size:1.0625rem;margin-bottom:1rem}.skill-tags{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tags span{padding:.25rem .75rem;border-radius:999px;background:var(--muted-bg);color:var(--muted-fg);font-size:.75rem;font-weight:500;transition:background .15s,color .15s;cursor:default}.skill-tags span:hover{background:var(--secondary);color:#fff}.timeline{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:3rem}.timeline-item{position:relative;padding-left:2rem;border-left:2px solid var(--border);transition:border-color .2s;padding-bottom:1rem}.timeline-item:hover{border-left-color:var(--secondary)}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;top:0;left:-9px;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--border);transition:border-color .2s}.timeline-item:hover .timeline-dot{border-color:var(--secondary)}.timeline-header{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}@media (min-width: 768px){.timeline-header{flex-direction:row;align-items:center;justify-content:space-between}}.timeline-header h3{font-size:1.2rem;transition:color .2s}.timeline-item:hover h3{color:var(--secondary)}.timeline-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.25rem;font-size:.875rem;color:var(--muted-fg);font-weight:500}.timeline-period{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:999px;background:var(--muted-bg);font-size:.75rem;font-weight:600;color:var(--muted-fg);white-space:nowrap}.timeline-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.timeline-list li{color:var(--muted-fg);line-height:1.625;display:flex;align-items:flex-start;gap:.75rem}.timeline-list li:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--secondary);flex-shrink:0;margin-top:.55rem}.edu-grid{display:grid;grid-template-columns:1fr;gap:2rem;max-width:900px;margin:0 auto}@media (min-width: 768px){.edu-grid{grid-template-columns:repeat(2,1fr)}}.edu-card{position:relative;background:#ffffffeb;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--border);border-radius:1.5rem;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;transition:box-shadow .2s;transform-style:preserve-3d;overflow:hidden}.edu-card:hover{box-shadow:0 20px 40px -12px #6366f147,0 8px 20px #0000000f}.edu-tag{display:inline-block;background:var(--secondary-light);color:var(--secondary);font-size:.75rem;font-weight:700;padding:.25rem .75rem;border-radius:999px;margin-bottom:.75rem}.edu-card h3{font-size:1.1rem;margin-bottom:.5rem}.edu-school{font-weight:600;color:var(--muted-fg);margin-bottom:.25rem}.edu-location{font-size:.875rem;color:var(--muted-fg)}.edu-highlights{border-top:1px solid var(--border);padding-top:1.5rem;display:flex;flex-direction:column;gap:1rem}.edu-highlight-item{display:flex;gap:.75rem;align-items:flex-start}.edu-highlight-item span{color:var(--secondary);font-weight:700;flex-shrink:0}.edu-highlight-item p{font-size:.875rem;color:var(--muted-fg);line-height:1.5}.projects-grid{display:grid;grid-template-columns:1fr;gap:2rem;max-width:1100px;margin:0 auto}@media (min-width: 768px){.projects-grid{grid-template-columns:repeat(2,1fr)}}.project-card{position:relative;padding:2rem;border-radius:1.5rem;background:#ffffffeb;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--border);overflow:hidden;transition:box-shadow .2s,border-color .2s;transform-style:preserve-3d}.project-card:hover{box-shadow:0 26px 50px -14px #6366f152,0 12px 24px #00000014;border-color:#6366f133}.project-num{position:absolute;bottom:-1rem;right:-.5rem;font-size:7rem;font-weight:700;color:var(--muted-bg);pointer-events:none;line-height:1;transition:color .2s}.project-card:hover .project-num{color:#6366f10d}.project-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.project-icon{padding:.75rem;border-radius:1rem;background:var(--muted-bg);color:var(--secondary);transition:background .2s;flex-shrink:0}.project-card:hover .project-icon{background:var(--secondary-light)}.project-card h3{font-size:1.25rem}.project-card>p{color:var(--muted-fg);margin-bottom:2rem;line-height:1.625}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.project-tags span{padding:.25rem .75rem;border-radius:.5rem;background:var(--muted-bg);color:var(--muted-fg);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.project-metric{padding:1rem;border-radius:1rem;background:#6366f10d;border:1px solid rgba(99,102,241,.1);font-size:.875rem;font-weight:600;color:var(--fg);line-height:1.4;margin-bottom:2rem}.project-links{display:flex;gap:1.5rem}.project-links a{font-size:.875rem;font-weight:700;display:flex;align-items:center;gap:.5rem;transition:color .15s}.project-links a:hover{color:var(--secondary)}.contact-grid{display:grid;grid-template-columns:1fr;gap:2rem;max-width:900px;margin:0 auto;align-items:start}@media (min-width: 1024px){.contact-grid{grid-template-columns:1fr 1fr}}.contact-info{display:flex;flex-direction:column;gap:1rem}.contact-row{display:flex;flex-direction:column;gap:.75rem}.contact-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:1rem;background:#ffffffeb;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--border);transition:border-color .2s,box-shadow .2s}.contact-item:hover{border-color:#6366f14d;box-shadow:0 12px 28px -10px #6366f140}.contact-icon{display:flex;align-items:center;justify-content:center;padding:.6rem;border-radius:.6rem;background:var(--muted-bg);flex-shrink:0;transition:background .2s}.contact-item:hover .contact-icon{background:var(--secondary-light)}.contact-icon svg{display:block;width:18px;height:18px;min-width:18px}.contact-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-fg);margin-bottom:.125rem}.contact-item a{font-size:.9375rem;font-weight:700;transition:color .15s}.contact-item a:hover{color:var(--secondary)}.contact-form-wrap{background:#fffffff0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:1.5rem;padding:2.5rem;box-shadow:0 8px 24px #0000000f}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:600}.form-group input,.form-group textarea{padding:.75rem 1rem;border:1px solid var(--border);border-radius:.5rem;font-family:var(--font);font-size:.9375rem;background:var(--bg);color:var(--fg);outline:none;transition:border-color .15s;resize:vertical}.form-group input:focus,.form-group textarea:focus{border-color:var(--secondary)}.form-group input::placeholder,.form-group textarea::placeholder{color:#aaa}.form-group input:invalid:not(:placeholder-shown),.form-group textarea:invalid:not(:placeholder-shown){border-color:#dc2626}.form-status{font-size:.875rem;font-weight:600;text-align:center;min-height:1.25rem}.form-status.success{color:#16a34a}.form-status.error{color:#dc2626}footer{background:var(--primary);color:#fff;padding:2.5rem 1.5rem}.footer-inner{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}@media (min-width: 768px){.footer-inner{flex-direction:row;justify-content:space-between;text-align:left}}.footer-logo{font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:-.04em}.footer-logo span{color:var(--secondary)}.footer-copy{font-size:.875rem;color:#ffffff80}.footer-links{display:flex;gap:1.5rem}.footer-links a{font-size:.875rem;color:#fff9;transition:color .15s}.footer-links a:hover{color:#fff}@media (max-width: 768px){.nav-links{display:none}.nav-hamburger{display:flex;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}.nav-hamburger span{display:block;width:22px;height:2px;background:var(--fg);border-radius:2px;transition:all .2s}.nav-mobile-menu{position:fixed;top:64px;left:0;right:0;background:#fff;border-bottom:1px solid var(--border);display:none;flex-direction:column;padding:1rem 1.5rem;gap:0;z-index:99;box-shadow:0 8px 24px #00000014}.nav-mobile-menu.open{display:flex}.nav-mobile-menu a{padding:.875rem 0;border-bottom:1px solid var(--border);font-weight:600;font-size:1rem;color:var(--fg)}.nav-mobile-menu a:last-child{border-bottom:none}section{padding:3.5rem 0}.container{padding:0 1rem}h2{font-size:1.5rem!important}#hero{padding-top:80px;min-height:auto;padding-bottom:3rem}.hero-title{font-size:2.25rem;margin-bottom:1rem}.hero-subtitle{font-size:.9375rem;margin-bottom:1.75rem}.hero-badge{font-size:.75rem;padding:.3rem .75rem}.hero-buttons{gap:.75rem}.hero-buttons .btn{padding:0 1.25rem;height:2.75rem;font-size:.875rem}.hero-icons{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2.5rem}.hero-icon-item span{font-size:.55rem}.about-grid{gap:2rem}.about-image-frame{border-width:6px;border-radius:1rem}.about-badge{padding:1rem;min-width:110px;bottom:-1rem;right:-.75rem}.about-badge-num{font-size:1.5rem}.about-badge-label{font-size:.55rem}.about-text-lg{font-size:.9375rem}.about-cards{grid-template-columns:1fr;gap:.75rem}.about-card{padding:.875rem}.skills-grid{grid-template-columns:1fr;gap:1rem}.skill-card{padding:1.25rem}.skill-icon{padding:.5rem;margin-bottom:.75rem}.skill-card h3{font-size:.9375rem;margin-bottom:.75rem}.skill-tags span{font-size:.6875rem;padding:.2rem .6rem}.timeline{gap:2rem}.timeline-item{padding-left:1.25rem}.timeline-header{flex-direction:column;gap:.5rem}.timeline-header h3{font-size:1rem}.timeline-meta{font-size:.75rem;gap:.5rem;flex-wrap:wrap}.timeline-period{font-size:.7rem}.timeline-list li{font-size:.875rem}.edu-grid{grid-template-columns:1fr;gap:1rem}.edu-card{padding:1.25rem}.edu-card h3{font-size:1rem}.edu-school{font-size:.875rem}.edu-location,.edu-highlight-item p{font-size:.8125rem}.projects-grid{grid-template-columns:1fr;gap:1.25rem}.project-card{padding:1.25rem}.project-card h3{font-size:1rem}.project-card>p{font-size:.875rem;margin-bottom:1.25rem}.project-tags{margin-bottom:1.25rem}.project-tags span{font-size:.625rem}.project-metric{font-size:.8125rem;padding:.75rem;margin-bottom:1.25rem}.project-num{font-size:5rem;bottom:-.5rem;right:-.25rem}.project-links{gap:1rem}.project-links a{font-size:.8125rem}.contact-grid{gap:1.25rem}.contact-item{padding:.875rem 1rem}.contact-item a{font-size:.875rem;word-break:break-all}.contact-form-wrap{padding:1.25rem;border-radius:1rem}.form-row{grid-template-columns:1fr;gap:1rem}.form-group input,.form-group textarea{padding:.625rem .875rem;font-size:.875rem}.form-group label{font-size:.8125rem}footer{padding:1.75rem 1rem}.footer-links{gap:1rem}.footer-links a{font-size:.8125rem}.section-header{margin-bottom:2rem}.section-sub{font-size:.875rem}}svg{overflow:hidden}.meta-icon{width:13px;height:13px;min-width:13px;min-height:13px;max-width:13px;max-height:13px;vertical-align:middle;flex-shrink:0;stroke:var(--secondary);margin-right:4px;position:relative;top:-1px;display:inline-block}.check-icon{width:14px;height:14px;min-width:14px;stroke:var(--secondary);flex-shrink:0}.edu-highlight-item span{display:flex;align-items:flex-start;padding-top:2px}.metric-icon{width:14px;height:14px;min-width:14px;stroke:var(--secondary);flex-shrink:0;vertical-align:middle;margin-right:6px;position:relative;top:-1px;display:inline-block}.contact-icon{display:flex;align-items:center;justify-content:center}.contact-icon svg{display:block;width:20px;height:20px;min-width:20px}.project-links a svg{flex-shrink:0;width:15px;height:15px}.btn svg{flex-shrink:0;width:15px;height:15px}.edu-location svg,.timeline-meta svg{width:13px;height:13px;min-width:13px}@media (max-width: 480px){.hero-title{font-size:1.875rem}.hero-subtitle{font-size:.875rem}.hero-badge{font-size:.7rem}.hero-buttons .btn{padding:0 1rem;height:2.5rem;font-size:.8125rem}.about-badge{padding:.75rem;min-width:90px}.about-badge-num{font-size:1.25rem}.skill-card,.project-card,.edu-card,.contact-form-wrap{padding:1rem}.contact-item{padding:.875rem;gap:.75rem}.contact-item a{font-size:.8125rem;word-break:break-all}.timeline-item{padding-left:1rem}.timeline-header h3{font-size:.9375rem}}#loader{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity .5s ease,visibility .5s ease}#loader.hidden{opacity:0;visibility:hidden}.loader-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.loader-logo{font-family:Space Grotesk,sans-serif;font-size:3rem;font-weight:700;letter-spacing:-.04em;animation:loader-pulse 1s ease-in-out infinite alternate}.loader-logo span{color:var(--secondary)}@keyframes loader-pulse{0%{opacity:.4;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.loader-bar-wrap{width:180px;height:3px;background:var(--border);border-radius:999px;overflow:hidden}.loader-bar{height:100%;width:0%;background:var(--secondary);border-radius:999px;animation:loader-fill 2s cubic-bezier(.4,0,.2,1) forwards}@keyframes loader-fill{0%{width:0%}60%{width:75%}to{width:100%}}.loader-words{height:1.25rem;overflow:hidden;position:relative}.loader-word{display:block;font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--muted-fg);animation:loader-cycle 2s steps(1) forwards;position:absolute;opacity:0}.loader-word:nth-child(1){animation-delay:0s}.loader-word:nth-child(2){animation-delay:.65s}.loader-word:nth-child(3){animation-delay:1.3s}@keyframes loader-cycle{0%{opacity:1;transform:translateY(0)}30%{opacity:1}50%{opacity:0;transform:translateY(-8px)}to{opacity:0}}@media (min-width: 640px){.skills-grid,.projects-grid,.edu-grid,.about-cards{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.skills-grid{grid-template-columns:repeat(3,1fr)}}.btn,.skill-card,.project-card,.edu-card,.about-card,.contact-item,.timeline-item{will-change:transform}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.site-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none;background:#fff}.bg-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(10,10,10,.06) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:radial-gradient(ellipse 75% 60% at 50% 0%,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 75% 60% at 50% 0%,#000 40%,transparent 100%)}.aurora{position:absolute;width:560px;height:560px;border-radius:50%;filter:blur(90px);opacity:.4;will-change:transform}.aurora-1{background:radial-gradient(circle,rgba(99,102,241,.55),transparent 70%);top:-140px;left:-120px;animation:aurora-float-1 22s ease-in-out infinite}.aurora-2{background:radial-gradient(circle,rgba(236,72,153,.4),transparent 70%);top:25%;right:-180px;animation:aurora-float-2 26s ease-in-out infinite}.aurora-3{background:radial-gradient(circle,rgba(59,130,246,.38),transparent 70%);bottom:-180px;left:15%;animation:aurora-float-3 30s ease-in-out infinite}@keyframes aurora-float-1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(70px,50px) scale(1.15)}}@keyframes aurora-float-2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-60px,70px) scale(1.1)}}@keyframes aurora-float-3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(50px,-60px) scale(1.2)}}@media (prefers-reduced-motion: reduce){.aurora{animation:none!important}}@media (max-width: 768px){.aurora{width:360px;height:360px;filter:blur(60px);opacity:.3}}.cursor-glow{position:fixed;top:0;left:0;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.16),transparent 70%);pointer-events:none;z-index:5;will-change:transform}@media (max-width: 900px),(hover: none){.cursor-glow{display:none}}.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--secondary),#ec4899);transform-origin:0% 50%;z-index:200}.nav-links a{position:relative}.nav-active-pill{position:absolute;top:-6px;right:-10px;bottom:-6px;left:-10px;background:var(--secondary-light);border-radius:999px;z-index:-1}.scroll-cue{position:absolute;left:50%;bottom:1.75rem;transform:translate(-50%);background:none;border:none;color:var(--muted-fg);cursor:pointer;padding:.5rem;display:flex;transition:color .2s}.scroll-cue:hover{color:var(--secondary)}.scroll-cue svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media (max-width: 768px){.scroll-cue{display:none}}.skill-card,.project-card,.edu-card{transform-style:preserve-3d}::selection{background:#6366f140;color:var(--fg)}:focus-visible{outline:2px solid var(--secondary);outline-offset:3px;border-radius:2px}html{scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.4) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#6366f159;border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:#6366f18c;background-clip:padding-box}.btn-primary svg{transition:transform .25s ease}.btn-primary:hover svg{transform:translate(3px)}.bg-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.section-eyebrow{display:inline-flex;align-items:center;gap:.6rem;margin-bottom:1rem;font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--secondary)}.section-header .section-eyebrow{justify-content:center;width:100%}.section-eyebrow.left{justify-content:flex-start}.eyebrow-index{font-family:Space Grotesk,sans-serif;color:var(--muted-fg);font-weight:600;letter-spacing:0}.eyebrow-divider{width:24px;height:1px;background:var(--secondary);opacity:.5}.skill-card,.project-card,.edu-card{--mx: 50%;--my: 50%}.skill-card:before,.project-card:before,.edu-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(320px circle at var(--mx) var(--my),rgba(99,102,241,.14),transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:0}.skill-card:hover:before,.project-card:hover:before,.edu-card:hover:before{opacity:1}.skill-card>*,.edu-card>*{position:relative;z-index:1}.project-card>*:not(.project-num){position:relative;z-index:1}.skill-card:after,.project-card:after,.edu-card:after{content:"";position:absolute;top:10px;left:10px;width:10px;height:10px;border-top:1.5px solid var(--secondary);border-left:1.5px solid var(--secondary);opacity:0;transition:opacity .25s ease,transform .25s ease;transform:translate(-3px,-3px);pointer-events:none;z-index:2}.skill-card:hover:after,.project-card:hover:after,.edu-card:hover:after{opacity:.6;transform:translate(0)}.back-to-top{position:fixed;right:1.5rem;bottom:1.5rem;width:48px;height:48px;border-radius:50%;background:#ffffffe6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);box-shadow:0 8px 24px #0000001f;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:150;color:var(--fg);padding:0}.back-to-top svg:last-child{position:relative;width:18px;height:18px}@media (max-width: 768px){.back-to-top{right:1rem;bottom:1rem;width:44px;height:44px}}