:root{--teal-dark:#0f6667;--teal:#118a8f;--teal-soft:#e8f7f6;--teal-pale:#f3fbfb;--cream:#fff6dc;--text:#223334;--muted:#647576;--border:#b8dfdd;--gold:#d79a25;--green:#2c9a65;--purple:#7a57c8;--danger:#b33939}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(180deg,var(--teal-soft),#fff 70%);color:var(--text)}.wrap{max-width:980px;margin:auto;padding:18px}
.hero{background:var(--teal-dark);color:white;border-radius:22px;padding:26px 20px;text-align:center;box-shadow:0 6px 18px #0002}.logo-box{width:112px;height:112px;margin:0 auto 14px;border-radius:50%;background:white;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:10px}.logo-box img{width:100%;height:100%;object-fit:contain}h1{margin:0;font-size:2rem}.hero h2{margin:8px 0 0;color:white;font-size:1.15rem}.hero p{max-width:720px;margin:12px auto 0;line-height:1.45}.topnav{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:14px}.topnav a,.hero a.btn{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--teal-dark);text-decoration:none;font-weight:bold;border-radius:999px;padding:10px 16px}.fb{width:22px;height:22px;border-radius:50%;background:#1877f2;color:white;display:inline-flex;align-items:center;justify-content:center;font-weight:bold;font-size:18px}
.card{background:white;border:1px solid var(--border);border-radius:20px;padding:22px;margin-top:18px;box-shadow:0 5px 16px #0001}h2{margin:0 0 12px;color:var(--teal-dark)}h3{color:var(--teal-dark);margin:18px 0 8px}.notice{background:var(--cream);border:1px solid #efd18d;padding:14px;border-radius:14px;line-height:1.45;margin-bottom:14px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}label{display:block;font-weight:bold;margin:12px 0 6px}.help{color:var(--muted);font-size:.9rem;margin:4px 0 0;line-height:1.35}input,select,textarea{width:100%;padding:13px;font-size:1rem;border:1px solid #adcac9;border-radius:11px;background:#fff}textarea{min-height:78px}.conditions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.check-card{background:var(--teal-pale);border:1px solid var(--border);border-radius:14px;padding:12px;line-height:1.35}.check-card input{width:auto;transform:scale(1.15);margin-right:8px}button{width:100%;margin-top:18px;padding:15px;background:var(--teal);color:white;border:none;border-radius:12px;font-size:1.1rem;font-weight:bold;cursor:pointer}.secondary{background:#eef8f7;color:var(--teal-dark);border:1px solid var(--border)}.danger{background:#fff3f3;color:var(--danger);border:1px solid #e0b0b0}.results{display:none;margin-top:20px}.tip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tip-card{background:#fff;border:2px solid;border-radius:17px;padding:16px;text-align:center}.minimum{border-color:var(--gold)}.recommended{border-color:var(--green);transform:scale(1.03)}.exceptional{border-color:var(--purple)}.amount{font-size:2.4rem;font-weight:bold;margin-top:8px}.minimum .amount{color:#9a690c}.recommended .amount{color:var(--green)}.exceptional .amount{color:var(--purple)}.badge{display:inline-block;margin:4px 0 6px;background:var(--green);color:white;border-radius:999px;padding:3px 9px;font-size:.75rem;font-weight:bold}.note,.error,.status{background:var(--teal-pale);border-left:6px solid var(--teal-dark);border-radius:14px;padding:14px;margin-top:16px;line-height:1.45}.error{background:#fff3f3;border-left-color:#b33939;color:#6b1f1f}.footer{text-align:center;color:var(--muted);font-size:.88rem;margin:20px 0 6px}.admin-nav{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.admin-nav button{width:auto;margin:0;padding:9px 12px;font-size:.9rem}.admin-panel{display:none}.admin-panel.active{display:block}.admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.bonus-table{display:grid;grid-template-columns:1.2fr 1fr;gap:8px;align-items:center}.bonus-table div:nth-child(odd){font-weight:bold;color:var(--muted)}.hide{display:none!important}.ad{display:block;text-align:center;margin:16px 0}.ad img{max-width:100%;border-radius:14px;border:1px solid var(--border)}.stat{background:var(--teal-pale);border:1px solid var(--border);border-radius:14px;padding:14px;text-align:center}.stat b{display:block;font-size:1.6rem;color:var(--teal-dark)}
@media(max-width:760px){.grid,.grid3,.conditions,.tip-grid,.admin-grid{grid-template-columns:1fr}.recommended{transform:none}}