body{background:#000;margin:0;font-family:Arial,sans-serif}html,body{height:100%}.container{box-sizing:border-box;justify-content:center;align-items:center;min-height:100dvh;padding:16px;display:flex}.card{text-align:center;background:#fff;border-radius:12px;flex-direction:column;gap:15px;width:100%;max-width:380px;padding:30px;display:flex;box-shadow:0 10px 25px #0000004d}h3{color:#000;margin:0}.form{flex-direction:column;gap:12px;display:flex}input{color:#000;box-sizing:border-box;background:#fff;border:2px solid #3b82f6;border-radius:6px;outline:none;width:100%;padding:10px;font-size:16px}input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #3b82f633}button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;width:100%;padding:10px;font-size:16px}button:hover{background:#1d4ed8}button:disabled{cursor:not-allowed;background:#93c5fd}.guide-box{text-align:left;background:#fef2f2;border:1px solid #dc262659;border-radius:10px;margin-top:18px;padding:14px 16px}.guide-box p{margin:0;font-size:15px;font-weight:600;line-height:1.6}.status-box{text-align:left;word-break:break-word;border-radius:10px;flex-direction:column;align-items:flex-start;gap:8px;margin-top:18px;padding:16px 18px;font-size:15px;line-height:1.5;display:flex}.status-line{font-size:14px}.status-message{font-weight:600}.status-box.success{color:#166534;background:#f0fdf4;border:1px solid #16a34a}.status-box.error{color:#991b1b;background:#fef2f2;border:1px solid #dc2626}