:root{--font-primary: "Inter", sans-serif;--font-heading: "Syncopate", sans-serif;--bg-color: #050505;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .6);--primary: #c299ff;--secondary: #00d2ff;--accent: #ff00ff;--glass: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-hover: rgba(255, 255, 255, .06)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-primary);overflow-x:hidden;line-height:1.6}canvas#bg-canvas{position:fixed;top:0;left:0;z-index:-1;pointer-events:none}#loader{position:fixed;width:100%;height:100%;background:var(--bg-color);z-index:1000;display:flex;justify-content:center;align-items:center;transition:opacity 1s ease}.loader-text{font-family:var(--font-heading);font-size:.8rem;letter-spacing:4px;color:var(--primary);margin-bottom:20px;display:block}.progress-bar{width:200px;height:2px;background:#ffffff1a;position:relative;overflow:hidden}.progress-bar:after{content:"";position:absolute;width:40%;height:100%;background:var(--primary);animation:loading 2s infinite ease-in-out}@keyframes loading{0%{left:-40%}to{left:100%}}.container{max-width:1400px;margin:0 auto;padding:0 5%}.narrow{max-width:1000px}.gradient{background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.title-sub{font-family:var(--font-heading);font-size:.7rem;letter-spacing:5px;text-transform:uppercase;color:var(--primary);margin-bottom:1rem}.title-main{font-family:var(--font-heading);font-size:clamp(2rem,5vw,4rem);font-weight:700;line-height:1.1;margin-bottom:3rem}.glass-panel{background:var(--glass);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--glass-border);padding:2.5rem;border-radius:2px;transition:all .4s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{background:var(--glass-hover);border-color:var(--primary);transform:translateY(-8px)}#custom-cursor{width:20px;height:20px;border:1px solid var(--primary);border-radius:50%;position:fixed;pointer-events:none;z-index:10000;mix-blend-mode:difference}#cursor-blur{width:400px;height:400px;background:radial-gradient(circle,rgba(138,43,226,.15) 0%,transparent 70%);position:fixed;top:-200px;left:-200px;pointer-events:none;z-index:-1;mix-blend-mode:screen}#hero{height:100vh;display:flex;align-items:center;position:relative;overflow:hidden}.hero-wrapper{display:grid;grid-template-columns:1.2fr .8fr;align-items:center}.glitch-text{font-family:var(--font-heading);font-size:clamp(3rem,8vw,7rem);font-weight:700;letter-spacing:-2px;line-height:.9;position:relative}.status-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;background:#00d2ff1a;border-radius:20px;font-size:.75rem;text-transform:uppercase;letter-spacing:2px;color:var(--secondary);border:1px solid rgba(0,210,255,.2);margin-bottom:2rem}.pulse-dot{width:8px;height:8px;background:var(--secondary);border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(.95);opacity:.7}50%{transform:scale(1.1);opacity:1}to{transform:scale(.95);opacity:.7}}.typing-container{min-height:30px;margin-top:1.5rem;font-size:1.2rem;color:var(--text-secondary)}.bottom-bar{position:absolute;bottom:0;width:100%;border-top:1px solid var(--glass-border);padding:1.5rem 0;overflow:hidden}.marquee{display:flex;white-space:nowrap}.marquee-content{font-family:var(--font-heading);font-size:.8rem;letter-spacing:6px;color:var(--text-secondary);animation:marquee 30s linear infinite;padding-right:100%}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.projects-stack{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.proj-id{font-family:var(--font-heading);color:var(--primary);opacity:.5}.project-box h3{font-family:var(--font-heading);font-size:1.5rem;margin-bottom:1rem}.project-box p{color:var(--text-secondary);margin-bottom:2rem;font-size:.95rem}.proj-tags{display:flex;gap:15px}.proj-tags span{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;padding:4px 10px;background:#ffffff0d;border-radius:4px}.grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:5%}.sticky-title{position:sticky;top:15vh}.extension-card{margin-bottom:2rem;height:300px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.extension-card h4{font-family:var(--font-heading);font-size:1.5rem;margin-bottom:1rem}.bg-icon{position:absolute;top:1rem;right:1rem;width:80px;height:80px;opacity:.05;color:var(--primary)}.work-item{display:grid;grid-template-columns:1fr 2fr;padding:3rem 0;border-bottom:1px solid var(--glass-border)}.work-meta{display:flex;flex-direction:column}.work-comp{font-family:var(--font-heading);font-size:.9rem;color:var(--primary)}.work-date{font-size:.8rem;opacity:.5}.work-desc h3{font-family:var(--font-heading);margin-bottom:1rem}#contact{padding:10rem 0;text-align:center}.contact-card{max-width:800px;margin:0 auto;padding:5rem}.contact-links{margin-top:3rem;display:flex;flex-direction:column;gap:2rem;align-items:center}.email-btn{font-family:var(--font-heading);font-size:1.2rem;color:var(--text-primary);text-decoration:none;display:flex;align-items:center;gap:15px;padding-bottom:5px;border-bottom:2px solid var(--primary);transition:all .3s ease}.email-btn:hover{letter-spacing:1px;color:var(--primary)}.socials{display:flex;gap:2rem}.socials a{color:var(--text-secondary);transition:color .3s ease}.socials a:hover{color:var(--secondary)}.footer{padding:3rem 0;text-align:center;border-top:1px solid var(--glass-border)}.footer p{font-size:.7rem;letter-spacing:2px;color:var(--text-secondary)}.awards-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.award-item{display:flex;gap:2rem;align-items:center}.award-icon i{color:var(--secondary);width:40px;height:40px}.award-info h4{font-family:var(--font-heading);font-size:1.1rem;margin-bottom:.5rem}@media(max-width:900px){.hero-wrapper,.grid-layout{grid-template-columns:1fr}.work-item{grid-template-columns:1fr;gap:1rem}.awards-grid{grid-template-columns:1fr}.title-main{font-size:3rem}}html{scroll-behavior:initial}.v-section{min-height:100vh;padding:8rem 0;display:flex;flex-direction:column;justify-content:center}
