*{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:dark}body{font-family:Rajdhani,Segoe UI,sans-serif;background:linear-gradient(135deg,#020617,#1e3a8a,#0f172a);min-height:100vh;color:#f8fafc}.mono{font-family:Share Tech Mono,Fira Mono,monospace}.container{max-width:1200px;margin:0 auto;padding:2rem}.card{background:#0f172a8c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid rgba(6,182,212,.3);border-radius:1rem;padding:2rem;box-shadow:0 25px 50px -12px #06b6d433;margin-bottom:2rem}.header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.icon-circle{width:3rem;height:3rem;background:linear-gradient(135deg,#06b6d4,#2563eb);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}h1{font-size:2rem;background:linear-gradient(90deg,#22d3ee,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{color:#22d3ee;margin-bottom:1rem}h3{color:#22d3ee;margin-bottom:.5rem}.intro-text{color:#e0f2fed1;line-height:1.7;margin-bottom:1.5rem;font-size:1.1rem}.feature-box{border-left:4px solid rgba(6,182,212,.5);padding-left:1rem;padding-top:.5rem;padding-bottom:.5rem;background:#1e293b4d;margin-bottom:1rem}.btn{width:100%;padding:1rem;font-size:1rem;font-weight:600;border:none;border-radius:.5rem;cursor:pointer;transition:all .3s;background:linear-gradient(90deg,#0891b2,#2563eb);color:#fff;box-shadow:0 10px 25px -5px #06b6d44d}.btn.inline{width:auto}.btn.secondary{background:#1e293bcc;border:1px solid rgba(6,182,212,.4)}.btn:hover{background:linear-gradient(90deg,#06b6d4,#3b82f6);box-shadow:0 10px 25px -5px #06b6d480;transform:translateY(-2px)}.btn:disabled{background:#1e293b;color:#64748b;cursor:not-allowed;box-shadow:none}.progress-bar{width:100%;height:.5rem;background:#1e293b;border-radius:1rem;overflow:hidden;margin-bottom:2rem}.progress-fill{height:100%;background:linear-gradient(90deg,#06b6d4,#2563eb);transition:width .5s}.progress-text{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem}.question-card{border:1px solid rgba(6,182,212,.3);border-radius:.75rem;padding:1.5rem;background:#0f172a80;margin-bottom:1.5rem;transition:border-color .3s,opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(20px)}.question-card.active{opacity:1;transform:translateY(0)}.question-text{color:#e0f2fe;font-size:1.1rem;margin-bottom:1rem}.question-number{color:#22d3ee;font-family:Share Tech Mono,monospace;margin-right:.5rem}.answer-buttons{display:flex;gap:.5rem;margin-bottom:.5rem}.answer-btn{flex:1;padding:.75rem;border:1px solid #334155;background:#1e293b80;color:#cbd5e1;border-radius:.5rem;cursor:pointer;font-weight:600;transition:all .3s}.answer-btn:hover{background:#33415580}.answer-btn.selected{background:linear-gradient(135deg,#06b6d4,#2563eb);color:#fff;border-color:transparent;box-shadow:0 10px 25px -5px #06b6d44d}.answer-labels{display:flex;justify-content:space-between;font-size:.75rem;color:#64748b}.score-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(51,65,85,.5)}.score-label{color:#cbd5e1;text-transform:capitalize;width:180px}.score-bar{flex:1;height:.5rem;background:#1e293b;border-radius:1rem;overflow:hidden;margin:0 1rem}.score-bar-fill{height:100%;background:linear-gradient(90deg,#06b6d4,#2563eb);border-radius:1rem}.score-value{color:#22d3ee;font-weight:600;min-width:3rem;text-align:right}.grid{display:grid;gap:1.5rem}.grid.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.game-card{border:1px solid #334155;border-radius:.75rem;padding:1.5rem;background:#1e293b4d;opacity:.8}.game-card.completed{border-color:#22c55e80;background:#14532d33;opacity:1}.game-card.locked{border-color:#ef444480;background:#1e293b33;opacity:.6}.game-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:.75rem}.game-status{font-size:.75rem;font-family:Share Tech Mono,monospace;color:#64748b}.alert{padding:1rem;border-radius:.5rem;margin-bottom:1.5rem;font-size:.9rem}.alert-success{background:#14532d33;border:1px solid rgba(34,197,94,.5);color:#86efac}.alert-error{background:#7f1d1d33;border:1px solid rgba(239,68,68,.5);color:#fca5a5}.alert-info{background:#0891b233;border:1px solid rgba(6,182,212,.5);color:#22d3ee}.input{width:100%;padding:.75rem 1rem;border-radius:.5rem;border:1px solid rgba(6,182,212,.4);background:#1e293b99;color:#e2e8f0;margin-bottom:1rem}.range{width:100%}.row{display:flex;gap:1rem;align-items:center}.space-between{display:flex;justify-content:space-between;align-items:center}.tag{padding:.2rem .6rem;border-radius:999px;border:1px solid rgba(6,182,212,.4);color:#22d3ee;font-size:.75rem}@media(max-width:768px){.container{padding:1rem}.answer-buttons{flex-wrap:wrap}.answer-btn{flex:1 1 45%}.row{flex-direction:column;align-items:stretch}}