@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--primary:215 100% 65%;--primary-glow:215 100% 72%;--secondary:140 80% 55%;--accent:320 100% 65%;--warning:45 100% 60%;--success:140 80% 50%;--terminal:120 100% 20%;--bg-dark:225 25% 6%;--bg-card:225 20% 10%;--bg-input:225 18% 12%;--border:225 15% 25%;--grid-line:215 30% 15%;--text-primary:0 0% 98%;--text-secondary:225 10% 80%;--text-muted:225 10% 60%;--text-code:140 80% 65%}html{@apply antialiased}body{background:linear-gradient(135deg,hsl(var(--bg-dark)) 0,#0e111b 100%),linear-gradient(to right,hsl(var(--grid-line)/.1) 1px,transparent 1px) 0 0 /30px 30px,linear-gradient(to bottom,hsl(var(--grid-line)/.1) 1px,transparent 1px) 0 0 /30px 30px,radial-gradient(circle at 20% 30%,hsl(var(--primary)/.08) 0,transparent 40%),radial-gradient(circle at 80% 70%,hsl(var(--secondary)/.06) 0,transparent 40%);background-attachment:fixed;color:hsl(var(--text-primary));font-family:IBM Plex Mono,JetBrains Mono,SF Mono,Monaco,monospace;min-height:100vh;line-height:1.6;letter-spacing:.02em}body:after,body:before{content:"";position:fixed;width:2px;height:100px;background:linear-gradient(to bottom,transparent,hsl(var(--secondary)),transparent);animation:dataStream 3s linear infinite;opacity:.5;z-index:0}body:before{left:10%;top:-100px;animation-delay:0s}body:after{right:10%;top:-100px;animation-delay:1.5s}@keyframes dataStream{0%{transform:translateY(-100px);opacity:0}10%,90%{opacity:.5}to{transform:translateY(100vh);opacity:0}}h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;background:linear-gradient(135deg,hsl(var(--primary)) 0,hsl(var(--secondary)) 50%,hsl(var(--accent)) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1.5rem;position:relative;text-transform:uppercase;font-family:Rajdhani,IBM Plex Mono,monospace;text-shadow:0 0 30px hsl(var(--primary)/.3)}h1:after{content:"_";animation:cursorBlink 1s infinite;position:absolute;margin-left:5px;color:hsl(var(--secondary))}h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.2;color:hsl(var(--text-primary));margin-bottom:1.5rem;position:relative;padding-bottom:.75rem;border-bottom:2px solid hsl(var(--border));font-family:Rajdhani,IBM Plex Mono,monospace}h2:before{content:"// ";color:hsl(var(--secondary));opacity:.7}h3{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:600;line-height:1.3;color:hsl(var(--text-primary));margin-bottom:1rem;font-family:Rajdhani,IBM Plex Mono,monospace}p{color:hsl(var(--text-secondary));font-size:1.125rem;line-height:1.7;margin-bottom:1.5rem}code,pre{font-family:JetBrains Mono,SF Mono,Monaco,monospace;background:hsl(var(--bg-input));padding:.2rem .5rem;border-radius:4px;font-size:.9em;color:hsl(var(--text-code));border:1px solid hsl(var(--border))}a:not(.btn-primary):not(.btn-secondary):not(.btn-run):not(.btn-submit):not(.btn-code):not(.hall-of-fame-link):not(.view-all-link):not(.card-link):not(.nav-link){color:hsl(var(--primary));text-decoration:none;position:relative;transition:all .3s ease;font-weight:500}a:not(.btn-primary):not(.btn-secondary):not(.btn-run):not(.btn-submit):not(.btn-code):not(.hall-of-fame-link):not(.view-all-link):not(.card-link):not(.nav-link):hover{color:hsl(var(--secondary));text-shadow:0 0 10px hsl(var(--secondary)/.3)}a:not(.btn-primary):not(.btn-secondary):not(.btn-run):not(.btn-submit):not(.btn-code):not(.hall-of-fame-link):not(.view-all-link):not(.card-link):not(.nav-link):after{content:none}@keyframes underlineExpand{0%{width:0;opacity:0}to{width:100%;opacity:1}}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}}@layer components{.card{background:linear-gradient(145deg,hsl(var(--bg-card)) 0,#101218 100%);border:1px solid hsl(var(--border));border-radius:8px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.3),inset 0 0 0 1px hsl(var(--border)/.3);font-family:JetBrains Mono,monospace}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,hsl(var(--primary)),hsl(var(--secondary)),hsl(var(--accent)))}.card:hover{transform:translateY(-5px);border-color:hsl(var(--primary)/.6);box-shadow:0 15px 30px rgba(0,0,0,.4),0 0 0 1px hsl(var(--primary)/.3),0 0 40px hsl(var(--primary)/.1)}.card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid hsl(var(--border))}.terminal-dots{display:flex;gap:6px}.terminal-dot{width:12px;height:12px;border-radius:50%}.terminal-dot:first-child{background:hsl(var(--accent))}.terminal-dot:nth-child(2){background:hsl(var(--warning))}.terminal-dot:nth-child(3){background:hsl(var(--success))}.card[data-featured=true]{border:2px solid hsl(var(--warning)/.6);background:linear-gradient(145deg,#14171f,#101218);animation:featuredPulse 3s infinite}@keyframes featuredPulse{0%,to{box-shadow:0 0 20px hsl(var(--warning)/.2),0 15px 30px rgba(0,0,0,.4)}50%{box-shadow:0 0 40px hsl(var(--warning)/.4),0 15px 30px rgba(0,0,0,.4)}}.badge,.status-live,.status-upcoming,.status-voting{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.25rem;border-radius:4px;font-size:.75rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;position:relative;overflow:hidden;transition:all .3s ease;font-family:JetBrains Mono,monospace;border:1px solid}.status-live{background:hsl(var(--success)/.1);color:hsl(var(--success));border-color:hsl(var(--success)/.3);animation:statusPulse 2s infinite}.status-voting{background:hsl(var(--accent)/.1);color:hsl(var(--accent));border-color:hsl(var(--accent)/.3)}.status-upcoming{background:hsl(var(--primary)/.1);color:hsl(var(--primary));border-color:hsl(var(--primary)/.3)}@keyframes statusPulse{0%,to{box-shadow:0 0 10px hsl(var(--success)/.2)}50%{box-shadow:0 0 20px hsl(var(--success)/.4)}}.countdown,.timer{font-family:JetBrains Mono,monospace;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:hsl(var(--text-code));padding:2rem;border-radius:8px;background:hsl(var(--bg-input));border:2px solid hsl(var(--border));display:inline-flex;align-items:center;justify-content:center;min-width:300px;box-shadow:inset 0 0 20px rgba(0,0,0,.5),0 10px 20px rgba(0,0,0,.3);position:relative;overflow:hidden;text-shadow:0 0 10px hsl(var(--secondary)/.5)}.countdown:before,.timer:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 0,hsl(var(--secondary)/.05) 50%,transparent 100%);animation:scanline 2s linear infinite}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.timer-digits{display:flex;gap:.5rem}.timer-segment{padding:.5rem 1rem;background:hsl(var(--bg-dark));border-radius:4px;min-width:70px;text-align:center;border:1px solid hsl(var(--border))}.timer-label{color:hsl(var(--text-muted));margin-top:.5rem;letter-spacing:2px}.btn-primary,.timer-label{font-size:1rem;text-transform:uppercase}.btn-primary{background:linear-gradient(135deg,hsl(var(--primary)) 0,#257bf4 100%);color:#fff;font-weight:600;padding:1rem 2.5rem;border-radius:6px;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:1px;font-family:JetBrains Mono,monospace;position:relative;overflow:hidden;box-shadow:0 4px 12px hsl(var(--primary)/.3),inset 0 1px 0 hsl(var(--text-primary)/.2);display:inline-flex;align-items:center;justify-content:center;gap:.75rem}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px hsl(var(--primary)/.3),inset 0 1px 0 hsl(var(--text-primary)/.2)}.btn-primary.with-arrow:after{content:"→";font-size:1.1em;transition:transform .3s ease}.btn-primary.with-arrow:hover:after{transform:translateX(4px)}.btn-primary:not(.with-arrow):after{content:none}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px hsl(var(--primary)/.4),inset 0 1px 0 hsl(var(--text-primary)/.2)}.btn-code{background:transparent;color:hsl(var(--text-code));border:2px solid hsl(var(--primary));padding:1rem 2rem;border-radius:6px;font-family:JetBrains Mono,monospace;font-weight:600;letter-spacing:1px;transition:all .3s ease;position:relative;overflow:hidden;text-transform:uppercase}.btn-code:before{content:"{ ";left:1rem}.btn-code:after,.btn-code:before{position:absolute;opacity:0;transition:all .3s ease}.btn-code:after{content:" }";right:1rem}.btn-code:hover{background:hsl(var(--primary)/.1);transform:translateY(-2px);box-shadow:0 6px 16px hsl(var(--primary)/.2)}.btn-code:hover:after,.btn-code:hover:before{opacity:1}.btn-run{background:linear-gradient(135deg,hsl(var(--success)) 0,#26d962 100%);color:#fff;padding:1rem 2.5rem;border-radius:6px;border:none;font-family:JetBrains Mono,monospace;font-weight:600;letter-spacing:1px;transition:all .3s ease;display:inline-flex;align-items:center;gap:.75rem;position:relative;overflow:hidden}.btn-run:before{content:"▶";font-size:.9em}.btn-run:hover{transform:translateY(-2px);box-shadow:0 8px 20px hsl(var(--success)/.4),0 0 30px hsl(var(--success)/.2)}.btn-submit{background:linear-gradient(135deg,hsl(var(--accent)) 0,#f53db8 100%);color:#fff;padding:1rem 2.5rem;border-radius:6px;border:none;font-family:JetBrains Mono,monospace;font-weight:600;letter-spacing:1px;transition:all .3s ease;display:inline-flex;align-items:center;gap:.75rem}.btn-submit:before{content:"🚀";font-size:.9em}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 8px 20px hsl(var(--accent)/.4),0 0 30px hsl(var(--accent)/.2)}.btn-secondary{background:hsl(var(--bg-input));color:hsl(var(--text-secondary));font-weight:500;padding:1rem 2.5rem;border-radius:6px;border:1px solid hsl(var(--border));cursor:pointer;transition:all .3s ease;font-size:1rem;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:1px}.btn-secondary:hover:not(:disabled){background:hsl(var(--bg-card));color:hsl(var(--text-primary));border-color:hsl(var(--primary));transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.3)}.hall-of-fame-link{display:inline-flex;align-items:center;gap:.5rem;color:hsl(var(--text-code));font-family:JetBrains Mono,monospace;font-weight:600;text-decoration:none;padding:.75rem 1.5rem;background:hsl(var(--bg-input)/.5);border:1px solid hsl(var(--border));border-radius:6px;transition:all .3s ease;font-size:.95rem}.hall-of-fame-link:hover{background:hsl(var(--bg-input));border-color:hsl(var(--primary));transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.2)}.hall-of-fame-link:after{content:"🏆";font-size:1.1em;transition:transform .3s ease}.hall-of-fame-link:hover:after{transform:translateY(-2px)}.view-all-link{display:inline-flex;align-items:center;gap:.5rem;color:hsl(var(--text-secondary));font-family:JetBrains Mono,monospace;font-size:.9rem;text-decoration:none;padding:.5rem 1rem;border:1px solid transparent;border-radius:4px;transition:all .3s ease}.view-all-link:hover{color:hsl(var(--text-primary));background:hsl(var(--bg-input));border-color:hsl(var(--border))}.view-all-link:after{content:"↗";font-size:.9em;transition:transform .3s ease}.view-all-link:hover:after{transform:translate(2px,-2px)}.card-link{display:inline-flex;align-items:center;gap:.5rem;color:hsl(var(--primary));text-decoration:none;font-family:JetBrains Mono,monospace;font-weight:500;padding:.5rem 1rem;background:hsl(var(--bg-input));border:1px solid hsl(var(--border));border-radius:4px;transition:all .3s ease;font-size:.9rem}.card-link:hover{background:hsl(var(--primary)/.1);border-color:hsl(var(--primary));transform:translateY(-1px)}.card-link:after{content:"→";font-size:.9em;transition:transform .3s ease}.card-link:hover:after{transform:translateX(3px)}.input-field{background:hsl(var(--bg-input));border:1px solid hsl(var(--border));border-radius:4px;padding:1rem 1.25rem;color:hsl(var(--text-primary));font-size:1rem;transition:all .3s ease;width:100%;font-family:JetBrains Mono,monospace;box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}.input-field:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 2px hsl(var(--primary)/.2),inset 0 2px 4px rgba(0,0,0,.2)}.input-field::placeholder{color:hsl(var(--text-muted));font-family:JetBrains Mono,monospace}.voting-section{background:linear-gradient(145deg,hsl(var(--bg-card)) 0,#101218 100%);border:2px solid hsl(var(--accent)/.3);border-radius:8px;padding:2.5rem;box-shadow:0 15px 35px rgba(0,0,0,.4),inset 0 0 0 1px hsl(var(--border));position:relative;overflow:hidden}.voting-section:before{content:"VOTING_ARENA";position:absolute;top:10px;left:10px;font-size:.75rem;color:hsl(var(--accent)/.5);letter-spacing:2px}.vote-count,.voting-section:before{font-family:JetBrains Mono,monospace}.vote-count{font-size:3rem;font-weight:700;color:hsl(var(--text-code));text-align:center;text-shadow:0 0 20px hsl(var(--secondary)/.3)}.ranking-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:hsl(var(--bg-input));border:1px solid hsl(var(--border));border-radius:4px;margin-bottom:.5rem;transition:all .3s ease}.ranking-item:hover{background:hsl(var(--bg-card));border-color:hsl(var(--primary)/.5);transform:translateX(5px)}.rank{font-size:1.5rem;font-weight:700;color:hsl(var(--primary));min-width:40px}.rank-1{color:hsl(var(--warning))}.rank-2{color:hsl(var(--text-secondary))}.rank-3{color:#f93}main{max-width:1400px;margin:0 auto;padding:2rem 1.5rem;position:relative;z-index:1}section{margin-bottom:3rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid hsl(var(--border))}.grid{display:grid;grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}@media (max-width:768px){.grid{grid-template-columns:1fr;gap:1.5rem}main{padding:1.5rem 1rem}.card{padding:1.5rem}.countdown,.timer{min-width:250px;font-size:1.75rem;padding:1.5rem}}.code-block{background:hsl(var(--bg-dark));border:1px solid hsl(var(--border));border-radius:4px;padding:1.5rem;font-size:.9rem;line-height:1.6;overflow-x:auto;color:hsl(var(--text-code))}.code-block,.terminal-output{font-family:JetBrains Mono,monospace}.terminal-output{background:hsl(var(--terminal)/.1);border-left:3px solid hsl(var(--success));padding:1rem;color:hsl(var(--success))}.hacker-effect{position:relative;overflow:hidden}.hacker-effect:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to bottom,transparent 30%,hsl(var(--secondary)/.1) 50%,transparent 70%);animation:hackerScan 3s linear infinite}@keyframes hackerScan{0%{transform:translateY(-100%) rotate(45deg)}to{transform:translateY(100%) rotate(45deg)}}.progress-bar{width:100%;height:8px;background:hsl(var(--bg-input));margin:1rem 0}.progress-bar,.progress-fill{border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,hsl(var(--primary)),hsl(var(--secondary)));transition:width .3s ease;position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);animation:progressShimmer 2s infinite}@keyframes progressShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.btn-primary.loading,.btn-run.loading,.btn-submit.loading{position:relative;color:transparent}.btn-primary.loading:after,.btn-run.loading:after,.btn-submit.loading:after{content:"";position:absolute;width:20px;height:20px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:buttonSpin .8s linear infinite}@keyframes buttonSpin{to{transform:rotate(1turn)}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1.5rem;gap:1.5rem}.stat-card{background:hsl(var(--bg-input));border:1px solid hsl(var(--border));border-radius:4px;padding:1.5rem;text-align:center}.stat-value{font-size:2.5rem;font-weight:700;color:hsl(var(--primary));margin-bottom:.5rem;font-family:JetBrains Mono,monospace}.stat-label{color:hsl(var(--text-muted));font-size:.875rem;text-transform:uppercase;letter-spacing:1px}.badge-language{display:inline-flex;align-items:center;padding:.4rem 1rem;background:hsl(var(--bg-input));color:hsl(var(--text-secondary));border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid hsl(var(--border));font-family:JetBrains Mono,monospace;margin:.25rem}.badge-language.javascript{background:hsl(45,100%,50%/.1);color:#ffbf00;border-color:hsl(45,100%,50%/.3)}.badge-language.python{background:hsl(200,100%,50%/.1);color:#0af;border-color:hsl(200,100%,50%/.3)}.badge-language.java{background:hsl(0,70%,50%/.1);color:#d92626;border-color:hsl(0,70%,50%/.3)}.badge-difficulty{display:inline-flex;align-items:center;padding:.4rem 1rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-family:JetBrains Mono,monospace}.badge-difficulty.easy{background:hsl(var(--success)/.1);color:hsl(var(--success));border:1px solid hsl(var(--success)/.3)}.badge-difficulty.medium{background:hsl(var(--warning)/.1);color:hsl(var(--warning));border:1px solid hsl(var(--warning)/.3)}.badge-difficulty.hard{background:hsl(var(--accent)/.1);color:hsl(var(--accent));border:1px solid hsl(var(--accent)/.3)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:hsl(var(--bg-dark));border-radius:2px}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,hsl(var(--primary)),hsl(var(--secondary)));border-radius:2px;border:2px solid hsl(var(--bg-dark))}::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,hsl(var(--primary)/.8),hsl(var(--secondary)/.8))}::selection{background:hsl(var(--secondary)/.3);color:hsl(var(--text-primary))}::-moz-selection{background:hsl(var(--secondary)/.3);color:hsl(var(--text-primary))}}