.referral-page{color:#12352e;background:#eef5f2;min-height:100dvh;font-family:Arial,sans-serif}.referral-page>header{color:#fff;background:#075e54;align-items:center;gap:12px;padding:15px 18px;display:flex}.referral-page>header a{color:#fff;font-size:2rem;text-decoration:none}.referral-page>header b,.referral-page>header small{display:block}.referral-page>header small{color:#cbe3dd;margin-top:3px}.referral-hero{text-align:center;color:#fff;background:linear-gradient(145deg,#06493f,#087264);padding:28px 18px}.referral-hero img{border-radius:20px;width:76px}.referral-hero p{margin:13px 0 7px}.referral-hero strong{letter-spacing:.12em;color:#f0c950;font-size:clamp(1.8rem,8vw,3rem);display:block}.referral-hero div{justify-content:center;gap:10px;margin-top:17px;display:flex}.referral-hero button{color:#12352e;background:#f0c950;border:0;border-radius:22px;padding:11px 17px;font-weight:800}.referral-notice{background:#fff4cc;border-radius:10px;max-width:760px;margin:12px auto;padding:10px 15px}.referral-progress,.referral-how,.referral-tiers{max-width:760px;margin:15px auto}.referral-progress,.referral-how{background:#fff;border-radius:16px;padding:20px}.referral-progress>div{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.referral-progress>div b{font-size:1.35rem}.referral-progress p{color:#5a6d68}.referral-progress progress{accent-color:#0a8c77;width:100%;height:12px}.referral-tiers{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.referral-tiers article{text-align:center;background:#fff;border:2px solid #0000;border-radius:15px;padding:17px}.referral-tiers article.reached{background:#fffbeb;border-color:#d7ad2e}.referral-tiers b,.referral-tiers span,.referral-tiers strong{display:block}.referral-tiers b{color:#075e54;font-size:1.35rem}.referral-tiers span{color:#6c7c78;margin:3px 0 10px}.referral-how h2{margin-top:0}.referral-how p{color:#526762;line-height:1.55}.referral-how h3{margin-top:22px}.referral-how div{border-top:1px solid #e3ebe8;justify-content:space-between;padding:10px 0;display:flex}.referral-how div span{color:#6c7c78}@media (max-width:620px){.referral-progress,.referral-how,.referral-tiers{margin:12px}.referral-tiers{grid-template-columns:1fr}.referral-hero strong{font-size:1.75rem}}.referral-page>header div{flex:1}.referral-page>header button{color:#fff;background:0 0;border:1px solid #ffffff70;border-radius:8px;padding:9px 12px;font-size:14px}.referral-hero div{flex-wrap:wrap}.referral-page button{cursor:pointer;font-size:14px}.referral-page button:disabled{opacity:.5;cursor:default}.referral-how ol{padding-left:22px;line-height:1.65}.referral-how li{margin:8px 0}.referral-notice{overflow-wrap:anywhere}.referral-tiers span{font-size:14px}.referral-how div{gap:15px}.referral-how div b{overflow-wrap:anywhere;min-width:0}.referral-page{background:#f4f7f4;font-family:Inter,system-ui,sans-serif}.referral-page>header{padding-top:calc(15px + env(safe-area-inset-top));background:#123e37}.referral-hero{background:linear-gradient(145deg,#123e37,#20604e);padding:32px 20px}.referral-hero strong{color:#ecdb9c;font-weight:650}.referral-hero button{background:#ecdb9c;border-radius:12px;font-weight:650}.referral-admin-entry{max-width:760px;margin:14px auto}.referral-admin-entry a{color:#075e54;background:#fff;border-radius:12px;padding:16px;font-weight:700;text-decoration:none;display:block}@media (max-width:620px){.referral-admin-entry{margin:12px}}