body{margin:0;font-family:Inter,sans-serif;background:linear-gradient(135deg,#eef2ff,#fff)}
.bvf{max-width:700px;margin:80px auto;padding:30px;background:rgba(255,255,255,.7);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.08)}
h1{font-size:36px;font-weight:800}
.q{width:100%;padding:16px;border-radius:14px;border:1px solid #ddd;margin-top:15px}
.go{width:100%;margin-top:10px;padding:14px;border-radius:14px;background:linear-gradient(135deg,#6366f1,#3b82f6);color:#fff;border:none}
.card{background:#fff;padding:20px;border-radius:18px;margin-top:15px;box-shadow:0 10px 30px rgba(0,0,0,.05);animation:fade .4s ease}
.actions{display:flex;gap:10px;margin-top:10px}
.actions button{flex:1;border:none;padding:10px;border-radius:12px;background:#f3f4f6;cursor:pointer}
.loader{width:40px;height:40px;border:4px solid #eee;border-top:4px solid #3b82f6;border-radius:50%;margin:30px auto;animation:spin 1s linear infinite}
@keyframes spin{100%{transform:rotate(360deg)}}
@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}