:root{--bg:#f7f9fc;--text:#10203a;--muted:#6d7a8e;--line:#e6ebf2;--primary:#155eef;--primary2:#0b49c8;--soft:#eef4ff;--white:#fff;--danger:#b42318;--green:#067647}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);line-height:1.55}a{color:var(--primary);text-decoration:none}main{min-height:70vh}.container{width:min(1160px,calc(100% - 32px));margin:auto}.narrow{width:min(520px,calc(100% - 32px));margin:auto}.narrow-wide{width:min(820px,calc(100% - 32px));margin:auto}
.topbar{height:74px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);display:flex;align-items:center;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.nav{display:flex;align-items:center;justify-content:space-between}.brand{font-weight:900;letter-spacing:-1px;font-size:22px;color:var(--text)}.brand span{color:var(--primary)}nav{display:flex;align-items:center;gap:22px}nav a{color:#344054;font-weight:600;font-size:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;background:var(--primary);color:white!important;padding:12px 18px;font-weight:700;cursor:pointer}.btn:hover{background:var(--primary2)}.btn-sm{padding:8px 12px;font-size:13px}.btn-ghost{background:white;color:var(--text)!important;border:1px solid var(--line)}.full{width:100%}.btn[disabled]{opacity:.45;cursor:not-allowed}
.hero{padding:76px 0 88px;background:linear-gradient(180deg,#fff 0%,#f4f7ff 100%)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px}.hero h1{font-size:58px;line-height:1.03;letter-spacing:-2.5px;margin:14px 0 20px}.hero p{font-size:19px;color:var(--muted);max-width:620px}.eyebrow{font-weight:800;letter-spacing:1.5px;color:var(--primary);font-size:12px}.actions{display:flex;gap:12px;margin-top:30px}
.member-card{border-radius:24px;padding:28px;background:linear-gradient(135deg,#0d1b34,#153764 60%,#155eef);color:#fff;min-height:270px;box-shadow:0 24px 60px rgba(21,94,239,.24);display:flex;flex-direction:column;justify-content:space-between}.member-card.dark{max-width:520px}.mc-top,.mc-bottom{display:flex;justify-content:space-between;font-weight:700;letter-spacing:.7px}.mc-chip{width:48px;height:34px;border-radius:8px;background:linear-gradient(135deg,#d9b15d,#f4dda1)}.mc-points{font-size:42px;font-weight:800}.mc-points small{font-size:14px}.mc-name{font-size:26px;font-weight:800}
.section{padding:72px 0}.section-sm{margin-top:24px}.soft{background:#edf3ff}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.section-head h2{font-size:36px;margin:6px 0}.section-head p{color:var(--muted)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature,.card,.reward-card,.stat-card{background:white;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 8px 30px rgba(16,32,58,.04)}.feature b{color:var(--primary)}.feature h3{margin-bottom:8px}.feature p,.reward-card p,.muted{color:var(--muted)}.cta{display:flex;align-items:center;justify-content:space-between}.cta h2{margin:0 0 5px}
form label{display:block;font-weight:700;font-size:14px;margin:16px 0 7px}input,select,textarea{width:100%;border:1px solid #d7deea;border-radius:10px;padding:12px 13px;font:inherit;background:#fff;color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:#84adff;box-shadow:0 0 0 4px #edf3ff}textarea{min-height:90px;resize:vertical}.check{font-weight:500;display:flex;gap:9px;align-items:flex-start;color:var(--muted)}.check input{width:auto;margin-top:4px}.alert{border-radius:10px;padding:12px 14px;background:#fff0ee;color:var(--danger);margin:14px 0}.alert.success{background:#ecfdf3;color:var(--green)}.testbox{background:#fff8e6;border:1px dashed #f2ba49;border-radius:10px;padding:12px 14px;margin:15px 0}
.dashboard-grid{display:grid;grid-template-columns:1.35fr .8fr .8fr;gap:18px;align-items:stretch}.stat-card{display:flex;flex-direction:column;gap:7px}.stat-card span{color:var(--muted);font-size:13px}.stat-card strong{font-size:34px}.stat-card small{color:var(--muted)}.stat-card a{margin-top:auto;font-weight:700}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.card-head h3{margin:0}.list-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);gap:14px}.list-row:last-child{border-bottom:0}.list-row small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.plus{color:var(--green);font-weight:800}.minus{color:var(--danger);font-weight:800}.badge,.points-pill{padding:6px 10px;border-radius:999px;background:var(--soft);color:var(--primary);font-weight:800;font-size:12px}
.reward-card{display:flex;flex-direction:column}.reward-cover{height:120px;border-radius:12px;background:linear-gradient(135deg,#e7efff,#f5f8ff);display:flex;align-items:center;justify-content:center;color:var(--primary);font-weight:900;letter-spacing:1px}.reward-foot{margin-top:auto;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.reward-foot form{margin:0}.contact-box{display:grid;grid-template-columns:120px 1fr;gap:12px 20px;margin-top:20px}.prose p{color:#475467}
footer{background:#0d1b34;color:#dbe5f4;padding:34px 0;margin-top:40px}.footer-grid{display:flex;justify-content:space-between;gap:30px}.footer-grid p{color:#9eb0c9}.footer-grid a{color:#dbe5f4}
.admin-body{background:#f4f6fa}.admin-shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.sidebar{background:#0d1b34;padding:24px 16px;display:flex;flex-direction:column;gap:5px}.sidebar .brand{color:white;margin-bottom:22px}.sidebar a{color:#c6d2e4;padding:11px 12px;border-radius:9px;font-weight:650}.sidebar a:hover{background:#172b4d;color:#fff}.admin-main{padding:28px}.admin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.admin-head h1{margin:0}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:#667085;font-size:12px;text-transform:uppercase}.searchbar{display:flex;gap:10px;margin-bottom:15px}.searchbar input{margin:0}.link-btn{border:0;background:none;color:var(--primary);font-weight:700;cursor:pointer}.narrow-admin{max-width:650px}
@media(max-width:900px){nav a:not(.btn){display:none}.hero-grid,.dashboard-grid,.grid3,.grid2,.admin-stats{grid-template-columns:1fr}.hero{padding:52px 0}.hero h1{font-size:42px}.member-card{min-height:230px}.admin-shell{display:block}.sidebar{position:static;flex-direction:row;overflow:auto;align-items:center}.sidebar .brand{margin:0 16px 0 0;white-space:nowrap}.sidebar a{white-space:nowrap}.admin-main{padding:18px}.section-head,.cta,.footer-grid{align-items:flex-start;flex-direction:column}.section{padding:48px 0}}
@media(max-width:560px){.container,.narrow,.narrow-wide{width:min(100% - 22px,1160px)}.topbar{height:64px}.hero h1{font-size:36px;letter-spacing:-1.4px}.hero p{font-size:16px}.member-card{padding:21px;border-radius:18px}.section-head h2{font-size:30px}.card,.feature,.reward-card,.stat-card{padding:18px}.admin-main{padding:12px}.contact-box{grid-template-columns:1fr}.actions{flex-direction:column}.actions .btn{width:100%}}