:root{--bg-color:#0f172a;--card-bg:#1e293b;--primary:#6366f1;--primary-hover:#4f46e5;--accent:#f59e0b;--text-main:#f8fafc;--text-muted:#94a3b8;--border:#334155;--radius:12px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-color);color:var(--text-main);font-family:Inter,sans-serif;min-height:100vh}.container{max-width:800px;margin:0 auto;padding:20px}h1,h2,h3{font-weight:700;letter-spacing:-.025em}.text-gradient{background:linear-gradient(to right,var(--primary),#a855f7);-webkit-background-clip:text;color:transparent}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:30px;box-shadow:0 10px 15px -3px rgba(0,0,0,.3)}.input-group{margin-bottom:20px}label{display:block;margin-bottom:8px;color:var(--text-muted);font-size:.9rem}input,select{width:100%;padding:14px;background:#020617;border:1px solid var(--border);border-radius:8px;color:#fff;font-size:1rem}input:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(99,102,241,.2)}.btn-primary{width:100%;padding:16px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.score-badge{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;border:4px solid var(--card-bg);box-shadow:0 0 0 2px var(--primary);font-weight:700;font-size:1.2rem;background:#312e81}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:15px;gap:15px}.blur-overlay{position:relative;overflow:hidden}.blur-overlay:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(30,41,59,0),#1e293b);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}