:root{color:#162036;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}.page{min-height:100vh}header{color:#fff;background:#14213d;align-items:center;gap:12px;height:72px;padding:0 max(24px,50vw - 560px);display:flex}.logo{color:#14213d;background:#fff;border-radius:12px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}header div:last-child{display:grid}header span{color:#b8c5dc;font-size:12px}main{max-width:1120px;margin:auto;padding:48px 24px}.hero{grid-template-columns:1.5fr .7fr;align-items:center;gap:40px;margin-bottom:46px;display:grid}.hero h1{margin:10px 0 16px;font-size:48px;line-height:1.05}.hero p{color:#667086;max-width:700px;font-size:18px}.eyebrow{color:#365a9c;letter-spacing:.12em;font-size:12px;font-weight:800}.shield{color:#dbe7ff;background:#14213d;border-radius:22px;padding:30px;font-size:16px;line-height:1.8;box-shadow:0 20px 50px #1d315025}.shield b{color:#fff}.plans{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.plan{text-align:left;color:#162036;cursor:pointer;background:#fff;border:2px solid #e4eaf3;border-radius:16px;flex-direction:column;gap:10px;padding:20px;display:flex}.plan.selected{border-color:#315b9d;box-shadow:0 8px 30px #315b9d18}.plan strong{font-size:24px}.plan small{font-size:12px}.plan span{color:#667086;font-size:13px}.checkout,.status{background:#fff;border:1px solid #e4eaf3;border-radius:18px;margin-top:32px;padding:28px;box-shadow:0 8px 30px #1e2d5010}.checkout form{grid-template-columns:repeat(3,1fr);align-items:end;gap:14px;display:grid}label{gap:7px;font-size:13px;font-weight:700;display:grid}input{font:inherit;border:1px solid #d6deea;border-radius:10px;padding:12px}button,.open{color:#fff;cursor:pointer;background:#172b4d;border:0;border-radius:10px;padding:12px 16px;font-weight:800;text-decoration:none;display:inline-block}.muted,.token{color:#6b768b;font-size:13px}.error,.notice{color:#9b2530;background:#fff0f1;border-radius:10px;margin:18px 0;padding:14px}.notice{color:#7b5a09;background:#fff5df}.badge{color:#875f00;background:#fff2d8;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-block}.badge.ACTIVE{color:#157347;background:#e7f7ef}.badge.FAILED,.badge.CANCELLED{color:#9b2530;background:#fde9eb}.credentials{color:#dbe8ff;background:#101827;border-radius:12px;gap:8px;margin:18px 0;padding:16px;display:grid}.credentials code,.token code{word-break:break-all}footer{text-align:center;color:#7a8495;padding:30px;font-size:12px}@media (width<=900px){.hero{grid-template-columns:1fr}.hero h1{font-size:38px}.plans{grid-template-columns:repeat(2,1fr)}.checkout form{grid-template-columns:1fr}}@media (width<=560px){.plans{grid-template-columns:1fr}main{padding:30px 18px}}button.secondary{color:#203050;background:#edf2f8;margin-left:10px}.affiliate-link{color:inherit;margin-left:auto;font-weight:700;text-decoration:none}.affiliate-page{color:#172033;background:#f5f7fb;min-height:100vh}.affiliate-page header{align-items:center;gap:12px;max-width:1240px;margin:auto;padding:18px 24px;display:flex}.affiliate-page header>div:nth-child(2){flex-direction:column;display:flex}.affiliate-page main{max-width:1240px;margin:auto;padding:24px}.affiliate-login{background:#fff;border-radius:18px;max-width:460px;margin:8vh auto;padding:32px;box-shadow:0 18px 50px #1720331a}.affiliate-login form{gap:14px;margin:24px 0;display:grid}.affiliate-login label{gap:6px;display:grid}.affiliate-login input{border:1px solid #d9e0ea;border-radius:10px;padding:12px}.affiliate-ref{background:#fff;border:1px solid #e3e8ef;border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;display:flex}.affiliate-ref code{word-break:break-all;flex:1;min-width:280px}.affiliate-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin:18px 0;display:grid}.affiliate-stats>div{background:#fff;border:1px solid #e3e8ef;border-radius:14px;gap:8px;padding:18px;display:grid}.affiliate-stats b{font-size:1.35rem}.affiliate-page section{background:#fff;border:1px solid #e3e8ef;border-radius:16px;margin-bottom:18px;padding:20px}.affiliate-page table{border-collapse:collapse;width:100%}.affiliate-page th,.affiliate-page td{text-align:left;border-bottom:1px solid #edf0f4;padding:10px}.affiliate-page .table-wrap{overflow:auto}