:root{ --red:#c81d25; --green:#1f8a3b; --gold:#cfa24b; --snow:#f7f9fc; --ink:#222; }
*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;background:var(--snow);color:var(--ink);margin:0}
.snow-bg{background:linear-gradient(180deg,#fef8f8 0%,#ffffff 50%,#f6fbff 100%), url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200"><circle cx="20" cy="20" r="2" fill="#cfe2ff"/><circle cx="120" cy="80" r="1.5" fill="#e3f2fd"/><circle cx="60" cy="150" r="2" fill="#cfe2ff"/></svg>'); background-repeat:repeat;}
.site-header{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px;border-bottom:4px solid var(--green);background:linear-gradient(90deg,var(--green),var(--red));color:#fff}
.site-header .logo{font-size:2rem}
.site-header h1{margin:0;font-weight:800;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.15)}
.subtitle{margin:0;opacity:.9}
.container{max-width:820px;margin:24px auto;background:#fff;padding:24px;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.card{border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin:16px 0;background:linear-gradient(180deg,#fff,#fffdf6)}
h1,h2{color:var(--red)}
label{display:block;margin:10px 0;font-weight:600}
input,select,button{padding:10px;font-size:1rem;border-radius:8px;border:1px solid #d1d5db}
input:focus,select:focus{outline:2px solid var(--green);border-color:var(--green)}
.btn{background:var(--red);color:#fff;border:none;cursor:pointer;padding:10px 16px;border-radius:10px}
.btn:hover{background:#a2161b}
.btn-secondary{background:var(--green);color:#fff}
.btn-secondary:hover{background:#176a2d}
.note{color:#555;font-size:.95rem}
.error{color:#b00020}
.footer{padding:16px;text-align:center;color:#333}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border:1px solid #eee;padding:8px;text-align:left}
.table thead th{background:#f5f5f5}
.result{font-size:1.2rem;background:#fff3cd;border:1px solid #ffeeba;padding:14px;border-radius:10px}
#expTimer{font-weight:700;color:#c81d25}
#resendStatus{font-weight:700;color:#1f8a3b}