:root{--bg:#05070d;--surface:#0a0d16;--surface-soft:#101522;--border:#ffffff14;--text:#f8fafc;--muted:#94a3b8;--accent:#8b5cf6;--accent-2:#22d3ee;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444}*{box-sizing:border-box}html,body{background:radial-gradient(circle at top left, #8b5cf633, transparent 32%), radial-gradient(circle at top right, #22d3ee24, transparent 28%), var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}body{overflow-x:hidden}.wrapper{border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border-radius:24px;flex-direction:column;width:100%;min-width:0;padding:22px;display:flex}.header span{color:var(--accent-2);font-size:12px}.header h3{letter-spacing:-.8px;margin:8px 0 0;font-size:24px}.list{flex-direction:column;gap:12px;margin-top:20px;display:flex}.item{color:var(--muted);background:#ffffff0a;border:1px solid #ffffff0a;border-radius:18px;padding:16px;font-size:14px;line-height:1.6;transition:all .2s}.item:hover{background:#ffffff0f;transform:translateY(-2px)}@media (max-width:1200px){.wrapper{padding:20px}.header h3{font-size:22px}}@media (max-width:900px){.wrapper{border-radius:22px;padding:18px}.header h3{font-size:20px}.item{border-radius:16px;padding:14px;font-size:13px}}@media (max-width:768px){.wrapper{width:100%}.list{gap:10px}.header h3{font-size:18px}}