@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");:root{--bg:#09090f;--card:#0f0f1e;--card-hover:#14142a;--border:#1e1e33;--primary:#7c3aed;--primary-light:#9d5cff;--primary-dark:#5b21b6;--secondary:#06b6d4;--secondary-light:#22d3ee;--challenge:#f59e0b;--success:#10b981;--warning:#ef4444;--text-heading:#f1f5f9;--text-body:#94a3b8;--text-muted:#475569;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--shadow-glow:0 0 40px rgba(124,58,237,0.25);--shadow-card:0 8px 30px rgba(0,0,0,0.4);color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{background:var(--bg);color:var(--text-body);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100%}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select,textarea{font-family:inherit}h1,h2,h3,h4,h5,h6{color:var(--text-heading);font-weight:800;line-height:1.15}::selection{background:var(--primary);color:white}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.container{max-width:1280px;margin:0 auto;padding:0 24px}.grid{display:grid}.flex{display:flex}.section{padding:96px 0;position:relative}@media (max-width:768px){.section{padding:56px 0}}.gradient-text{background:linear-gradient(135deg,var(--primary-light),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.gradient-text-shimmer{background:linear-gradient(100deg,var(--primary-light) 20%,var(--secondary-light) 40%,var(--secondary) 60%,var(--primary-light) 80%);background-size:250% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmerText 6s linear infinite}@keyframes shimmerText{0%{background-position:0 50%}to{background-position:250% 50%}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:var(--radius-sm);font-weight:700;font-size:15px;border:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:white;box-shadow:0 4px 20px rgba(124,58,237,.4);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .6s ease}.btn-primary:hover:before{left:125%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(124,58,237,.55)}.btn-outline{background:transparent;border:1.5px solid var(--secondary);color:var(--secondary-light)}.btn-outline:hover{background:rgba(6,182,212,.1);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--text-body);border:1px solid var(--border)}.btn-ghost:hover{color:var(--text-heading);border-color:var(--primary)}.btn-sm{padding:8px 16px;font-size:13px}.btn-lg{padding:18px 36px;font-size:17px}.btn-disabled,.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:28px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.leaderboard-row-hover{transition:background .2s ease,transform .2s ease}.leaderboard-row-hover:hover{background:rgba(6,182,212,.1)!important;transform:translateX(4px)}.card-hover:hover{transform:translateY(-6px);border-color:var(--primary);box-shadow:var(--shadow-glow)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.02em}.badge-easy{background:rgba(16,185,129,.15);color:var(--success)}.badge-medium{background:rgba(245,158,11,.15);color:var(--challenge)}.badge-hard{background:rgba(239,68,68,.15);color:var(--warning)}.badge-expert{background:rgba(124,58,237,.18);color:var(--primary-light)}.badge-infinite{background:linear-gradient(135deg,rgba(124,58,237,.2),rgba(6,182,212,.2))}.badge-free,.badge-infinite{color:var(--secondary-light)}.badge-free{background:rgba(6,182,212,.15)}.badge-locked{background:rgba(71,85,105,.2);color:var(--text-muted)}.letters-wrap{display:inline}.letter{display:inline-block;opacity:0;transform:translateY(18px) scale(.4) rotate(var(--letter-tilt,0deg));animation:letterSnap .55s cubic-bezier(.34,1.56,.64,1) forwards;will-change:transform,opacity}@keyframes letterSnap{60%{opacity:1}to{opacity:1;transform:translateY(0) scale(1) rotate(0deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0) translateX(0)}50%{transform:translateY(-18px) translateX(8px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 rgba(124,58,237,.4)}50%{box-shadow:0 0 24px rgba(124,58,237,.7)}}@keyframes shake{10%,90%{transform:translateX(-2px)}20%,80%{transform:translateX(4px)}30%,50%,70%{transform:translateX(-8px)}40%,60%{transform:translateX(8px)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes barGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes flamePulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes ripple{0%{box-shadow:0 0 0 0 rgba(6,182,212,.5)}to{box-shadow:0 0 0 22px rgba(6,182,212,0)}}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes particleFloat{0%{transform:translateY(0) scale(1);opacity:.5}to{transform:translateY(-100vh) scale(.4);opacity:0}}.animate-fade-up{animation:fadeInUp .7s cubic-bezier(.16,1,.3,1) both}.animate-fade{animation:fadeIn .6s ease both}.animate-shake{animation:shake .5s ease}.animate-pulse-glow{animation:pulseGlow 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.particles{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.particle{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.6),transparent 70%);animation:float 6s ease-in-out infinite,twinkle 3.5s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}.grid-overlay{background-image:linear-gradient(rgba(124,58,237,.06) 1px,transparent 0),linear-gradient(90deg,rgba(124,58,237,.06) 1px,transparent 0);background-size:42px 42px;-webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 0,black 40%,transparent 100%);mask-image:radial-gradient(ellipse 60% 50% at 50% 0,black 40%,transparent 100%)}.grid-overlay,.spotlight{position:absolute;inset:0;pointer-events:none}.spotlight{z-index:0;background:radial-gradient(600px circle at var(--spot-x,50%) var(--spot-y,30%),rgba(124,58,237,.15),transparent 65%);transition:background .2s ease}.tilt-card{position:relative;transform-style:preserve-3d}.tilt-card-glow{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(220px circle at var(--glow-x,50%) var(--glow-y,50%),rgba(6,182,212,.18),transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.tilt-card:hover .tilt-card-glow{opacity:1}.scroll-x{overflow-x:auto;scrollbar-width:thin}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:13px;font-weight:600;color:var(--text-body)}.field input,.field select,.field textarea{background:#0a0a16;border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;color:var(--text-heading);font-size:15px;transition:border-color .2s ease,box-shadow .2s ease;outline:none;width:100%}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(124,58,237,.2)}.field-error{color:var(--warning);font-size:13px}.progress-track{width:100%;height:10px;border-radius:999px;background:var(--border);overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--secondary));transition:width 1s cubic-bezier(.16,1,.3,1)}.text-muted{color:var(--text-muted)}.text-body{color:var(--text-body)}.text-heading{color:var(--text-heading)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-secondary{color:var(--secondary-light)}.text-primary{color:var(--primary-light)}.text-center{text-align:center}.font-mono{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.toast{position:fixed;bottom:24px;right:24px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 20px;box-shadow:var(--shadow-card);z-index:200;animation:fadeInUp .35s ease both}.dash-main-grid{grid-template-columns:1.6fr 1fr}.profile-main-grid{grid-template-columns:1.1fr .9fr}.challenge-detail-grid{grid-template-columns:1fr 1fr}@media (max-width:900px){.challenge-detail-grid,.dash-main-grid,.profile-main-grid{grid-template-columns:1fr}.challenge-problem-card{max-height:none!important}}@media (max-width:640px){.page-pad{padding:20px 16px!important}}