@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Outfit:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&family=Rajdhani:wght@300;400;500;600;700&display=swap";
:root{--gold:#c9a84c;--gold-light:#e8c96a;--gold-dim:#7a6230;--gold-glow:#c9a84c4d;--navy:#050c1a;--navy-2:#080f20;--navy-3:#0b1428;--navy-card:#0d1a30;--navy-border:#162240;--cyan:#00d4ff;--cyan-dim:#007a9a;--cyan-glow:#00d4ff4d;--purple:#8b5cf6;--purple-dim:#4c3580;--green:#10b981;--coral:#ff6b6b;--white:#f0ede4;--muted:#8892aa;--faint:#2a3a5c;--font-display:"Bebas Neue", sans-serif;--font-interface:"Rajdhani", sans-serif;--font-body:"Outfit", sans-serif;--font-mono:"Space Mono", monospace;--section-pad:120px;--content-max:1200px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:80px;overflow-x:hidden}body{background:var(--navy);color:var(--white);font-family:var(--font-body);cursor:none;-webkit-font-smoothing:antialiased;width:100%;max-width:100vw;font-size:16px;line-height:1.7;overflow-x:hidden}main{width:100%;overflow-x:hidden}img,video{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--navy-2)}::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}.custom-cursor{background:var(--gold);pointer-events:none;z-index:10000;mix-blend-mode:difference;border-radius:50%;width:12px;height:12px;transition:transform .15s,background .3s;position:fixed;transform:translate(-50%,-50%)}.custom-cursor.hovering{background:var(--cyan);transform:translate(-50%,-50%)scale(3)}.cursor-trail{pointer-events:none;z-index:9999;border:1px solid #c9a84c66;border-radius:50%;width:32px;height:32px;transition:transform .4s cubic-bezier(.23,1,.32,1),width .3s,height .3s,border-color .3s;position:fixed;transform:translate(-50%,-50%)}.cursor-trail.hovering{border-color:#00d4ff80;width:48px;height:48px}.scroll-progress{background:linear-gradient(90deg, var(--gold), var(--cyan));z-index:10001;width:0%;height:2px;transition:width 50ms;position:fixed;top:0;left:0}.navbar{z-index:1000;-webkit-backdrop-filter:blur();backdrop-filter:blur();background:#050c1a00;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;height:72px;padding:0 48px;transition:all .5s;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--navy-border);background:#050c1aeb}.nav-logo{font-family:var(--font-display);letter-spacing:.06em;color:var(--white);z-index:1001;flex-shrink:0;font-size:24px;text-decoration:none}.nav-logo span{color:var(--gold)}.nav-links{gap:32px;list-style:none;display:flex}.nav-links a{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);cursor:none;white-space:nowrap;padding:8px 0;font-size:10px;text-decoration:none;transition:color .3s;position:relative}.nav-links a:after{content:"";background:var(--gold);width:0%;height:1px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-links a:hover{color:var(--gold)}.nav-links a:hover:after{width:100%}.nav-menu-btn{border:1px solid var(--navy-border);color:var(--gold);font-family:var(--font-mono);letter-spacing:.1em;cursor:pointer;text-transform:uppercase;z-index:1001;background:0 0;padding:8px 14px;font-size:10px;transition:border-color .3s;display:none}.nav-menu-btn:hover{border-color:var(--gold)}.nav-drawer{z-index:999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;pointer-events:none;background:#050c1afa;flex-direction:column;justify-content:center;align-items:center;gap:28px;transition:opacity .3s;display:none;position:fixed;inset:0}.nav-drawer.open{opacity:1;pointer-events:all}.nav-drawer a{font-family:var(--font-display);letter-spacing:.08em;color:var(--muted);text-transform:uppercase;cursor:pointer;font-size:36px;text-decoration:none;transition:color .3s}.nav-drawer a:hover,.nav-drawer a.active{color:var(--gold)}.nav-drawer-close{border:1px solid var(--navy-border);color:var(--gold);font-family:var(--font-mono);letter-spacing:.1em;cursor:pointer;text-transform:uppercase;background:0 0;padding:8px 14px;font-size:10px;position:absolute;top:24px;right:24px}.section{padding:var(--section-pad) 48px;max-width:var(--content-max);margin:0 auto;position:relative;overflow:hidden}.section-full{padding:var(--section-pad) 0;position:relative;overflow:hidden}.section-eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);align-items:center;gap:12px;margin-bottom:12px;font-size:11px;display:flex}.section-eyebrow:after{content:"";background:var(--gold-dim);flex:0 0 48px;height:1px}.section-title{font-family:var(--font-display);letter-spacing:.04em;color:var(--white);margin-bottom:12px;font-size:clamp(36px,5vw,64px);line-height:1}.section-desc{color:var(--muted);max-width:560px;margin-bottom:48px;font-size:15px;line-height:1.8}.grid-about{grid-template-columns:minmax(200px,340px) 1fr;align-items:center;gap:64px;display:grid}.grid-4col{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.grid-3col{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-2col{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}.grid-projects{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.timeline-desktop-row{display:grid}.timeline-mobile-row{display:none!important}.grid-3col-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:48px;display:grid}.grid-contact{grid-template-columns:1.3fr 1fr;align-items:start;gap:32px;display:grid}.grid-community{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.grid-hackathon{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.glass-card{border:1px solid var(--navy-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d1a3099;border-radius:8px;padding:32px;transition:border-color .4s,transform .3s,box-shadow .4s;position:relative;overflow:hidden}.glass-card:before{content:"";background:linear-gradient(90deg, transparent, var(--gold-dim), transparent);opacity:0;height:1px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.glass-card:hover{border-color:var(--gold-dim);transform:translateY(-4px);box-shadow:0 12px 40px #c9a84c0f}.glass-card:hover:before{opacity:1}.neon-border{position:relative}.neon-border:before{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--gold), var(--cyan), var(--purple));-webkit-mask-composite:xor;opacity:0;padding:1px;transition:opacity .4s;position:absolute;inset:-1px;-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}.neon-border:hover:before{opacity:1}.btn-primary{border:1px solid var(--gold);color:var(--gold);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;cursor:none;background:0 0;align-items:center;gap:10px;padding:14px 32px;font-size:11px;text-decoration:none;transition:color .4s,box-shadow .4s;display:inline-flex;position:relative;overflow:hidden}.btn-primary:before{content:"";background:var(--gold);z-index:-1;width:100%;height:100%;transition:left .4s;position:absolute;top:0;left:-100%}.btn-primary:hover{color:var(--navy);box-shadow:0 0 30px #c9a84c33}.btn-primary:hover:before{left:0}.btn-secondary{border:1px solid var(--navy-border);color:var(--muted);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;cursor:none;background:0 0;align-items:center;gap:10px;padding:14px 32px;font-size:11px;text-decoration:none;transition:color .3s,border-color .3s;display:inline-flex}.btn-secondary:hover{color:var(--cyan);border-color:var(--cyan-dim)}.tag{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border-radius:2px;padding:4px 10px;font-size:9px;display:inline-block}.tag-gold{color:var(--gold);background:#c9a84c14;border:1px solid #c9a84c26}.tag-cyan{color:var(--cyan);background:#00d4ff14;border:1px solid #00d4ff26}.tag-purple{color:var(--purple);background:#8b5cf614;border:1px solid #8b5cf633}.tag-green{color:var(--green);background:#10b98114;border:1px solid #10b98133}.skill-bar-track{background:var(--navy-border);border-radius:2px;width:100%;height:3px;overflow:hidden}.skill-bar-fill{border-radius:2px;width:0%;height:100%;transition:width 1.5s cubic-bezier(.23,1,.32,1);position:relative}.skill-bar-fill:after{content:"";background:inherit;border-radius:50%;width:7px;height:7px;position:absolute;top:-2px;right:0;box-shadow:0 0 8px}.skill-bar-gold{background:linear-gradient(90deg, var(--gold-dim), var(--gold))}.skill-bar-cyan{background:linear-gradient(90deg, var(--cyan-dim), var(--cyan))}.skill-bar-purple{background:linear-gradient(90deg, var(--purple-dim), var(--purple))}.reveal{opacity:0;transition:opacity .8s cubic-bezier(.23,1,.32,1),transform .8s cubic-bezier(.23,1,.32,1);transform:translateY(40px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:opacity .8s cubic-bezier(.23,1,.32,1),transform .8s cubic-bezier(.23,1,.32,1);transform:translate(-60px)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transition:opacity .8s cubic-bezier(.23,1,.32,1),transform .8s cubic-bezier(.23,1,.32,1);transform:translate(60px)}.reveal-right.visible{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transition:opacity .8s cubic-bezier(.23,1,.32,1),transform .8s cubic-bezier(.23,1,.32,1);transform:scale(.85)}.reveal-scale.visible{opacity:1;transform:scale(1)}.stagger-1{transition-delay:50ms}.stagger-2{transition-delay:.1s}.stagger-3{transition-delay:.15s}.stagger-4{transition-delay:.2s}.stagger-5{transition-delay:.25s}.stagger-6{transition-delay:.3s}.stagger-7{transition-delay:.35s}.stagger-8{transition-delay:.4s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px var(--gold-glow)}50%{box-shadow:0 0 24px var(--gold-glow)}}@keyframes scroll-hint{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(10px)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scanline-move{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.grid-bg{pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,#0000,#0000 59px,#c9a84c05 59px 60px),repeating-linear-gradient(90deg,#0000,#0000 59px,#c9a84c05 59px 60px);position:absolute;inset:0}.section-divider{background:linear-gradient(90deg, transparent, var(--navy-border) 20%, var(--gold-dim) 50%, var(--navy-border) 80%, transparent);height:1px;max-width:var(--content-max);margin:0 auto}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.reveal,.reveal-left,.reveal-right,.reveal-scale{opacity:1;transform:none}}@media (max-width:1024px){:root{--section-pad:90px}.section{padding:var(--section-pad) 40px}.navbar{padding:0 32px}.nav-links{gap:20px}.grid-4col{grid-template-columns:repeat(2,1fr)}.grid-about{grid-template-columns:240px 1fr;gap:40px}.grid-projects{grid-template-columns:1fr 1fr}}@media (max-width:768px){:root{--section-pad:72px}body{cursor:auto;font-size:15px}.custom-cursor,.cursor-trail{display:none!important}.navbar{padding:0 20px}.nav-links{display:none}.nav-menu-btn{display:block}.nav-drawer{display:flex}.section{padding:var(--section-pad) 20px;overflow-x:hidden}.section-desc{max-width:100%;margin-bottom:28px}.grid-about,.grid-2col{grid-template-columns:1fr;gap:32px}.grid-3col{grid-template-columns:1fr}.grid-3col-stats{grid-template-columns:repeat(3,1fr)}.grid-4col{grid-template-columns:repeat(2,1fr);gap:12px}.grid-projects{grid-template-columns:1fr;gap:20px}.grid-hackathon{grid-template-columns:1fr}.grid-contact{grid-template-columns:1fr;gap:24px}.timeline-desktop-row{display:none!important}.timeline-mobile-row{display:grid!important}.grid-community{flex-direction:column;align-items:stretch}.community-card{min-width:unset!important;max-width:100%!important}.btn-primary,.btn-secondary,.nav-menu-btn,button,a{cursor:pointer}.hero-side-text,.hero-corner,.orbit-ring{display:none!important}.holo-ring{max-width:220px!important}.tag-sphere-wrap{max-width:260px!important}.project-card-title{font-size:22px!important}.project-stagger{margin-top:0!important}.skills-terminals{grid-template-columns:repeat(2,1fr)!important}.grid-timeline-right-mobile{display:block!important}}@media (max-width:480px){:root{--section-pad:56px}.section{padding:var(--section-pad) 16px}.navbar{padding:0 16px}.nav-logo{font-size:20px}.nav-drawer a{gap:20px;font-size:28px}.grid-3col-stats{grid-template-columns:1fr;gap:10px}.grid-4col{grid-template-columns:1fr 1fr;gap:10px}.holo-ring{max-width:180px!important}.tag-sphere-wrap{max-width:220px!important}.section-desc{font-size:14px}.btn-primary,.btn-secondary{padding:12px 20px;font-size:10px}}