:root{--bg: #090914;--bg-card: rgba(18, 18, 40, .85);--border: rgba(255, 255, 255, .07);--border-hover: rgba(124, 58, 237, .4);--purple: #8b5cf6;--cyan: #06b6d4;--pink: #ec4899;--amber: #f59e0b;--green: #22c55e;--red: #ef4444;--text: #eeeef7;--text2: #a8a8c8;--text3: #6a6a8c;--font-display: "Outfit", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius: 18px;--radius-sm: 12px;--ease: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 80% 50% at 20% 0%,rgba(139,92,246,.1),transparent 55%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(6,182,212,.07),transparent 50%),radial-gradient(ellipse 70% 50% at 50% 100%,rgba(236,72,153,.06),transparent 50%)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes glow{0%,to{box-shadow:0 0 20px #8b5cf64d}50%{box-shadow:0 0 40px #8b5cf680}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.container{max-width:980px;margin:0 auto;padding:0 24px}.glass{background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:var(--radius)}.glass-hover{transition:all .35s var(--ease);cursor:pointer}.glass-hover:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:0 12px 40px #0006,0 0 30px #8b5cf61a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text2);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s var(--ease);font-family:var(--font-body);text-decoration:none;line-height:1}.btn:hover{background:#ffffff14;color:var(--text);transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--purple),#a78bfa);color:#fff;border:none;font-weight:700;box-shadow:0 4px 20px #8b5cf64d}.btn-primary:hover{box-shadow:0 8px 30px #8b5cf680;transform:translateY(-2px)}.btn-lg{padding:16px 32px;font-size:16px;border-radius:16px}.btn-sm{padding:8px 16px;font-size:12px;border-radius:10px}.btn-accent{background:linear-gradient(135deg,#1d9bf0,#1a8cd8);color:#fff;border:none;font-weight:700}.pill{display:inline-flex;align-items:center;padding:8px 18px;border-radius:99px;border:1px solid var(--border);background:#ffffff08;color:var(--text3);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s var(--ease);font-family:var(--font-body);gap:6px}.pill:hover{background:#ffffff0f;color:var(--text2)}.pill.active{background:#8b5cf626;border-color:var(--purple);color:#c4b5fd}.hero-section{text-align:center;padding:60px 20px 40px;animation:fadeUp .6s ease}.hero-title{font-family:var(--font-display);font-size:clamp(38px,7vw,60px);font-weight:900;letter-spacing:-.03em;line-height:1.1;margin-bottom:12px;background:linear-gradient(135deg,#8b5cf6,#7c5ce7 12%,#5ba3e6,#06b6d4 38%,#22c55e,#eab308 62%,#f97316,#ec4899 88%,#8b5cf6);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 6s ease-in-out infinite}.hero-sub{font-size:17px;color:var(--text2);font-family:var(--font-body);max-width:500px;margin:0 auto;line-height:1.7}.quiz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;padding:0 0 48px}.quiz-card{display:flex;flex-direction:column;gap:10px;padding:24px;animation:fadeUp .5s ease both}.quiz-card-icon{font-size:36px;line-height:1}.quiz-card-meta{font-size:11px;color:var(--text3);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px}.quiz-card-title{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text);line-height:1.3}.quiz-card-desc{font-size:13px;color:var(--text2);line-height:1.6;flex:1}.quiz-card-footer{display:flex;gap:10px;align-items:center;font-size:11px;color:var(--text3);font-family:var(--font-mono)}.quiz-active{max-width:560px;margin:0 auto;padding:20px 0}.progress-bar{position:relative;height:6px;border-radius:3px;background:#ffffff0f;margin-bottom:28px}.progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--purple),var(--cyan));transition:width .5s var(--ease)}.progress-label{position:absolute;right:0;top:-20px;font-size:12px;color:var(--text3);font-family:var(--font-mono)}.question-card{padding:32px;animation:slideIn .35s ease}.question-number{font-size:11px;font-family:var(--font-mono);color:var(--text3);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px}.question-text{font-family:var(--font-display);font-size:20px;font-weight:700;line-height:1.5;color:var(--text);margin-bottom:24px}.options{display:flex;flex-direction:column;gap:10px}.option-btn{display:flex;align-items:center;gap:14px;width:100%;padding:16px 20px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffff05;color:var(--text2);font-size:15px;cursor:pointer;font-family:var(--font-body);transition:all .2s var(--ease);text-align:left;animation:fadeUp .3s ease both}.option-btn:hover{border-color:var(--purple);background:#8b5cf614;color:var(--text);transform:translate(4px)}.opt-letter{width:32px;height:32px;border-radius:10px;background:#8b5cf61f;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#c4b5fd;font-family:var(--font-mono);flex-shrink:0}.opt-text{flex:1;line-height:1.4}.opt-pct{font-size:11px;color:var(--text3);font-family:var(--font-mono);opacity:.5;flex-shrink:0}.kb-hint{text-align:center;margin-top:12px;font-size:10px;color:var(--text3);font-family:var(--font-mono)}.quiz-footer-info{text-align:center;font-size:12px;color:var(--text3);font-family:var(--font-body);margin-top:16px}.quiz-result{text-align:center;animation:fadeUp .4s ease}.result-card{padding:40px 32px;max-width:460px;margin:0 auto}.result-emoji{font-size:80px;margin-bottom:12px;animation:float 3s ease infinite}.result-title{font-family:var(--font-display);font-size:30px;font-weight:900;margin-bottom:10px;color:var(--text)}.result-desc{font-size:15px;color:var(--text2);line-height:1.8;margin-bottom:20px}.result-score{font-size:56px;font-weight:900;font-family:var(--font-display);background:linear-gradient(135deg,var(--purple),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:20px}.result-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:12px}.related-grid{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.related-card{text-decoration:none;padding:20px;width:180px;display:inline-block;text-align:center}.related-emoji{font-size:32px;margin-bottom:6px}.related-title{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--text)}.related-meta{font-size:10px;color:var(--text3);font-family:var(--font-mono);margin-top:4px}.site-header{position:sticky;top:0;z-index:100;background:#090914cc;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-bottom:1px solid var(--border)}.site-header-inner{display:flex;align-items:center;justify-content:space-between;height:60px}.site-logo{display:flex;align-items:center;gap:8px;text-decoration:none;font-size:18px;font-weight:800;font-family:var(--font-display)}.site-logo-icon{font-size:22px}.site-logo-text{background:linear-gradient(135deg,var(--purple),var(--cyan),var(--amber));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.site-footer{text-align:center;padding:32px 0;border-top:1px solid var(--border);margin-top:48px;font-size:12px;color:var(--text3);font-family:var(--font-body)}.site-footer p{margin-bottom:8px}.site-footer a{color:var(--text3);text-decoration:none;font-size:11px;transition:color .2s}.site-footer a:hover{color:var(--text2)}.breadcrumb{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--text3);font-family:var(--font-body);margin-bottom:16px}.breadcrumb a{color:var(--text3);text-decoration:none;transition:color .2s}.breadcrumb a:hover,.breadcrumb span{color:var(--text2)}.filter-bar{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:28px}.search-input{padding:12px 20px;border-radius:14px;border:1px solid var(--border);background:#ffffff08;color:var(--text);font-size:14px;font-family:var(--font-body);outline:none;width:100%;max-width:320px;transition:border-color .2s}.search-input:focus{border-color:var(--purple)}.search-input::placeholder{color:var(--text3)}.empty-state{text-align:center;padding:60px 20px;color:var(--text3);grid-column:1 / -1}.empty-state-icon{font-size:48px;margin-bottom:12px}.empty-state-text{font-size:14px}.loading{display:flex;justify-content:center;align-items:center;min-height:50vh}.spinner{width:40px;height:40px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--purple);animation:spin .7s linear infinite}.not-found{text-align:center;padding:80px 20px;animation:fadeUp .4s ease}.not-found-emoji{font-size:64px;margin-bottom:16px}.not-found-title{font-family:var(--font-display);font-size:32px;font-weight:900;margin-bottom:8px}.not-found-text{color:var(--text2);margin-bottom:24px}@media(max-width:640px){.quiz-grid{grid-template-columns:1fr 1fr;gap:10px}.quiz-card{padding:18px}.question-card{padding:24px}.question-text{font-size:17px}.option-btn{padding:14px 16px;font-size:14px}.result-emoji{font-size:64px}.result-title{font-size:24px}.result-card{padding:28px 20px}.related-card{width:140px;padding:14px}}