*{box-sizing:border-box}body{margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;background:#f4f6f9;color:#1c2430}.wrap{max-width:1000px;margin:0 auto;padding:0 16px}.top{background:#111827;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.2)}.nav{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:12px 16px}.logo{color:#ffd60a;font-weight:800;font-size:1.3rem;text-decoration:none}nav a{color:#e5e7eb;text-decoration:none;margin-left:14px;font-size:.95rem}nav a:hover{color:#ffd60a}h1{margin:24px 0 16px}.msg{background:#dcfce7;border:1px solid #86efac;color:#166534;padding:12px;border-radius:8px;margin:16px 0}.hint{color:#6b7280;font-size:.9rem}.btn{display:inline-block;background:#ffd60a;color:#111827;padding:10px 18px;border-radius:8px;text-decoration:none;border:none;font-weight:700;cursor:pointer;font-size:1rem}.btn:hover{background:#f5c000}.btn.big{padding:14px 28px;font-size:1.1rem}.link{background:none;border:none;color:#dc2626;cursor:pointer;text-decoration:underline}.hero{position:relative;margin:20px 0;border-radius:14px;overflow:hidden;background:#111827}.banner{width:100%;height:280px;object-fit:cover;opacity:.5}.hero-txt{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;padding:0 30px;color:#fff}.hero-txt h1{margin:0 0 10px}.hero-txt p{max-width:520px}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:24px 0}.feat{background:#fff;padding:18px;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.06)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.card{background:#fff;padding:16px;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.06);text-align:center}.card img{width:100%;height:140px;object-fit:cover;border-radius:8px}.price{font-size:1.3rem;font-weight:800;color:#111827;margin:10px 0}.card.confirm{text-align:left;max-width:480px}.code{font-size:1.8rem;font-weight:900;letter-spacing:3px;color:#0f766e;background:#ccfbf1;padding:8px 16px;border-radius:8px;display:inline-block;margin:8px 0}.day{background:#fff;padding:14px;border-radius:12px;margin-bottom:14px;box-shadow:0 1px 4px rgba(0,0,0,.06)}.day h3{margin:0 0 10px}.slots{display:flex;flex-wrap:wrap;gap:10px}.slot{background:#e0f2fe;color:#075985;padding:8px 14px;border-radius:8px;text-decoration:none;font-weight:600}.slot:hover{background:#bae6fd}.form{background:#fff;padding:20px;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.06);max-width:520px}.form.inline{display:flex;gap:10px;flex-wrap:wrap;align-items:center;max-width:none}.form label{display:block;margin-bottom:14px;font-weight:600}.form input,.form select,.form textarea{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem;margin-top:5px;font-family:inherit}.form.inline input,.form.inline select{width:auto;margin-top:0}.chosen{background:#fef9c3;padding:10px;border-radius:8px;font-weight:600}.tbl{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.06)}.tbl th,.tbl td{padding:10px;border-bottom:1px solid #eef2f7;text-align:left;font-size:.92rem}.tbl th{background:#f1f5f9}.tbl .b{color:#dc2626;font-weight:700}.status{background:#e0f2fe;padding:3px 10px;border-radius:6px;font-weight:600}.cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}.foot{margin-top:40px;padding:20px 0;background:#111827;color:#9ca3af;text-align:center;font-size:.9rem}@media(max-width:640px){.cols{grid-template-columns:1fr}.banner{height:220px}}