*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #060608;--bg2: #0d0d12;--bg3: #12121a;--surface: #14131a;--surface-2: #1b1922;--card-start: #0f1114;--card-end: #15151a;--card-accent: rgba(255,255,255,.04);--card-glow: rgba(0,212,255,.06);--accent: #d4ff00;--accent2: #ff3e6c;--accent3: #00d4ff;--text: #f0efe8;--muted: #5a5a6e;--border: rgba(212,255,0,.12);--font-display: "Bebas Neue", sans-serif;--font-body: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);overflow-x:hidden;cursor:none}::selection{background:var(--accent);color:#000}.cursor{position:fixed;width:12px;height:12px;background:var(--accent);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:transform .1s ease,width .2s ease,height .2s ease,opacity .2s ease;mix-blend-mode:difference}.cursor-ring{position:fixed;width:36px;height:36px;border:1.5px solid var(--accent);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:transform .12s ease,width .2s ease,height .2s ease,opacity .2s ease;opacity:.5}.cursor.hovering{width:20px;height:20px}.cursor-ring.hovering{width:56px;height:56px;opacity:.3}.noise{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9990;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes glitch1{0%,to{clip-path:inset(0 0 100% 0);transform:translate(0)}10%{clip-path:inset(10% 0 60% 0);transform:translate(-4px)}20%{clip-path:inset(60% 0 10% 0);transform:translate(4px)}30%{clip-path:inset(30% 0 40% 0);transform:translate(-2px)}40%{clip-path:inset(0 0 100% 0);transform:translate(0)}}@keyframes glitch2{0%,to{clip-path:inset(0 0 100% 0);transform:translate(0)}15%{clip-path:inset(50% 0 20% 0);transform:translate(6px)}25%{clip-path:inset(20% 0 60% 0);transform:translate(-6px)}35%{clip-path:inset(0 0 100% 0);transform:translate(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes pulse-border{0%,to{box-shadow:0 0 #d4ff0066}50%{box-shadow:0 0 0 8px #d4ff0000}}.animate-fadeUp{animation:fadeUp .7s ease forwards}.animate-fadeIn{animation:fadeIn .7s ease forwards}.animate-float{animation:float 4s ease-in-out infinite}.animate-spin-slow{animation:spin-slow 12s linear infinite}.animate-marquee{animation:marquee 20s linear infinite}.animate-pulse-border{animation:pulse-border 2s ease-in-out infinite}.reveal{opacity:0;transform:translateY(40px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-40px);transition:opacity .7s ease,transform .7s ease}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(40px);transition:opacity .7s ease,transform .7s ease}.reveal-right.visible{opacity:1;transform:translate(0)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:2px}.nav-link{font-family:var(--font-mono);font-size:.75rem;color:var(--muted);text-decoration:none;letter-spacing:.1em;text-transform:uppercase;transition:color .2s;position:relative}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--accent);transition:width .2s}.nav-link:hover{color:var(--accent)}.nav-link:hover:after{width:100%}.glitch{position:relative;display:inline-block}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;font-family:inherit;font-size:inherit;color:inherit}.glitch:before{color:var(--accent2);animation:glitch1 5s infinite}.glitch:after{color:var(--accent3);animation:glitch2 5s infinite}.skill-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent3));border-radius:99px;width:0;transition:width 1.2s cubic-bezier(.16,1,.3,1)}.card{position:relative;background:linear-gradient(180deg,var(--card-start),var(--card-end));border-radius:22px;border:1px solid rgba(255,255,255,.06);overflow:hidden;box-shadow:18px 24px 48px #0000008f,-8px -8px 22px #ffffff05,inset 1px 1px #ffffff0a,inset -2px -2px 8px #00000059;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.card:hover{border-color:#ffffff1f;transform:translateY(-8px) scale(1.012);box-shadow:28px 30px 64px #0000009e,-14px -14px 28px #ffffff08,inset 1px 1px #ffffff0d,inset -2px -2px 8px #00000047}.card:before{content:"";position:absolute;left:-30%;top:-40%;width:160%;height:160%;background:radial-gradient(ellipse at 20% 20%,rgba(255,255,255,.02),transparent 10%),radial-gradient(ellipse at 80% 80%,var(--card-glow),transparent 12%);pointer-events:none;mix-blend-mode:overlay;opacity:.7}.card:after{content:"";position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.03),transparent 40%),radial-gradient(circle at 70% 70%,rgba(0,212,255,.06),transparent 40%);filter:blur(18px);opacity:.9;pointer-events:none}.tag{font-family:var(--font-mono);font-size:.68rem;background:linear-gradient(180deg,#ffffff08,#ffffff03);color:#f0efe8eb;border:1px solid rgba(255,255,255,.06);padding:3px 10px;border-radius:99px;letter-spacing:.05em;white-space:nowrap}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(90deg,var(--accent3),var(--accent));color:#051014;font-family:var(--font-body);font-weight:700;font-size:.9rem;padding:14px 32px;border-radius:99px;border:none;cursor:none;transition:transform .2s,box-shadow .2s;text-decoration:none;letter-spacing:.02em}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 36px #00d4ff14}.btn-outline{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--text);font-family:var(--font-body);font-weight:600;font-size:.9rem;padding:13px 28px;border-radius:99px;border:1.5px solid var(--border);cursor:none;transition:border-color .2s,color .2s,transform .2s;text-decoration:none}.btn-outline:hover{border-color:var(--accent);color:var(--accent);transform:scale(1.04)}.section-label{font-family:var(--font-mono);font-size:.7rem;color:#b4fad2e6;letter-spacing:.2em;text-transform:uppercase;display:flex;align-items:center;gap:12px}.section-label:before{content:"";display:block;width:40px;height:2px;background:linear-gradient(90deg,var(--accent3),var(--accent))}.h-divider{height:1px;background:var(--border)}.contact-link{display:flex;align-items:center;gap:12px;color:var(--muted);text-decoration:none;font-size:.95rem;transition:color .2s,gap .2s;padding:12px 0;border-bottom:1px solid var(--border)}.contact-link:hover{color:var(--accent);gap:16px}.contact-link svg{color:var(--accent);flex-shrink:0}.marquee-wrapper{display:flex;overflow:hidden;white-space:nowrap;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}@media (max-width: 768px){body{cursor:auto}.cursor,.cursor-ring{display:none}.desktop-nav{display:none!important}.mobile-burger{display:flex!important;cursor:pointer}.featured-card-grid{grid-template-columns:1fr!important}}