body{margin:0;background:linear-gradient(135deg,#2a1240,#0d1b3a);font-family:system-ui,sans-serif;color:#fff;display:flex;justify-content:center;align-items:center;min-height:100vh}.box{background:rgba(255,255,255,.07);border:2px solid #ff7ac6;border-radius:18px;padding:28px;max-width:440px;width:90%;text-align:center;box-shadow:0 0 30px #ff7ac655}h1{margin:0 0 6px;color:#ff9ad5}.sub{opacity:.8;font-size:14px}input{width:100%;box-sizing:border-box;padding:12px;border-radius:10px;border:none;margin:12px 0;font-size:15px}button{background:#ff7ac6;border:none;color:#2a1240;font-weight:700;padding:12px 26px;border-radius:10px;cursor:pointer;font-size:16px}button:hover{background:#ffb0de}.answer{margin-top:18px;min-height:60px;font-size:17px;background:rgba(0,0,0,.25);border-radius:10px;padding:14px}.count{margin-top:10px;font-size:12px;opacity:.7}.foot{font-size:11px;opacity:.5;margin-top:16px}