/* Premium presentation, intentionally scoped to paid member components. */
.tpu-hero,.tpu-metric,.tpu-benefit,.tpu-strip{box-sizing:border-box}
.tpu-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:center;gap:48px;padding:40px 44px;margin-bottom:20px;border:1px solid #1e3551;border-radius:26px;background:radial-gradient(ellipse at 98% 0%,#334b60 0,transparent 58%),linear-gradient(125deg,#0b1930,#142c47);color:#fff;overflow:hidden;box-shadow:0 18px 40px #0b193013}
.tpu-hero:before,.tpu-hero:after{content:"";position:absolute;z-index:-1;width:510px;height:510px;border:1px solid #d1b66b22;border-radius:50%;right:-95px;top:-290px;pointer-events:none}
.tpu-hero:after{right:-150px;top:-225px}
.tpu-hero-content{min-width:0}.tpu-member-badge{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid #c9b36f66;border-radius:999px;background:#f0d1840d;color:#f4d884;font-size:10px;font-weight:600;letter-spacing:1.5px}.tpu-member-badge svg{width:17px;height:17px}.tpu-member-badge i{width:5px;height:5px;border-radius:50%;background:#efd984;margin-left:3px}
.tpu-hero h1{max-width:700px;margin:22px 0 13px;font-size:clamp(28px,3.1vw,42px);font-weight:500;line-height:1.15;letter-spacing:-1.2px;overflow-wrap:anywhere;color:#fff}.tpu-hero h1 span{display:block;color:#f5d77a}.tpu-hero-content>p{max-width:590px;color:#c7d2df;font-size:14px;line-height:1.75;margin:0}
.tpu-hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:24px}.tpu-button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:46px;padding:11px 18px;border-radius:11px;font-size:13px;font-weight:600;line-height:1.5;text-decoration:none}.tpu-button svg{width:18px;height:18px}.tpu-button-gold{background:#ffdf40;color:#0b1930;border:1px solid #ffdf40}.tpu-button-gold:hover{background:#ffea83;color:#0b1930;transform:translateY(-1px)}.tpu-hero-secondary{color:#edf2f7;font-size:13px;text-decoration:none;display:inline-flex;align-items:center;gap:15px}.tpu-hero-secondary:hover{color:#f5d77a}
.tpu-hero-note{display:flex;align-items:center;gap:7px;margin-top:20px;color:#adbfcc;font-size:11px}.tpu-hero-note i,.tpu-active-label i{height:6px;width:6px;flex-shrink:0;background:#8dcab1;border-radius:50%}
.tpu-membership{position:relative;background:linear-gradient(135deg,#ffffff12,#ffffff04);border:1px solid #e8d69a57;border-radius:20px;padding:22px 24px;color:#fff;box-shadow:0 15px 32px #040c181a;transform:rotate(3deg);min-width:0}.tpu-membership-top{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;font-weight:600;letter-spacing:-.3px}.tpu-membership-status{font-size:8px;letter-spacing:1.2px;border:1px solid #9acbb35e;color:#c7f1df;padding:5px 7px;border-radius:6px;font-weight:500}.tpu-gem{display:flex;justify-content:center;margin:20px 0 16px;color:#e9ce80}.tpu-gem svg{width:55px;height:55px;filter:drop-shadow(0 0 15px #f9e6aa20)}.tpu-membership-label{display:block;font-size:9px;letter-spacing:2px;color:#c4b67f;margin-bottom:6px}.tpu-membership>strong{display:block;font-size:20px;font-weight:500;overflow-wrap:anywhere}.tpu-membership-bottom{display:flex;justify-content:space-between;align-items:end;gap:12px;border-top:1px solid #ffffff20;padding-top:15px;margin-top:18px;color:#bbcad9;font-size:10px;line-height:1.5}.tpu-membership-bottom>span:first-child{min-width:0;overflow-wrap:anywhere}.tpu-membership-bottom>span:last-child{white-space:nowrap}
.tpu-metrics{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:16px;margin-bottom:32px}.tpu-metric{padding:22px 25px;border:1px solid #e1e6ed;background:#fff;border-radius:20px;box-shadow:0 5px 20px #142c4703;min-width:0}.tpu-metric-quota{background:linear-gradient(135deg,#fffcf0,#fff);border-color:#eadeb2}.tpu-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#53657b;font-size:12px}.tpu-card-icon{display:grid;place-items:center;width:36px;height:36px;background:#f5f7fa;border:1px solid #e9edf2;border-radius:11px;color:#36516f}.tpu-card-icon svg{width:19px;height:19px}.tpu-metric-quota .tpu-card-icon{background:#fff7d1;border-color:#f0e3a4;color:#827026}.tpu-metric-value{display:flex;align-items:baseline;gap:9px;font-size:42px;line-height:1.2;letter-spacing:-1.5px;margin-top:8px;font-weight:550;color:#0b1930}.tpu-metric-value small{font-size:18px;letter-spacing:-.4px;color:#8390a0;font-weight:400}.tpu-metric>p{color:#65758a;font-size:12px;margin:4px 0 15px}.tpu-progress{height:5px;border-radius:10px;background:#eee9d8;overflow:hidden}.tpu-progress>span{display:block;height:100%;border-radius:inherit;background:#d4b64e}.tpu-card-foot{display:block;color:#6b7a8d;font-size:10px;line-height:1.6;margin-top:11px}.tpu-activity-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:14px;border-top:1px solid #edf0f4;color:#66758a;font-size:11px}.tpu-activity-bottom strong{color:#243e5c;font-size:13px;font-weight:550}.tpu-activity-bottom strong span{font-size:11px;font-weight:400;color:#66758a}
.tpu-validity{display:flex;flex-direction:column;align-items:start;gap:8px;margin-top:9px}.tpu-active-label{display:inline-flex;align-items:center;gap:7px;color:#2c6754;background:#edf8f2;border-radius:6px;padding:4px 7px;font-size:10px;line-height:1.3}.tpu-validity>strong{font-size:25px;font-weight:500;letter-spacing:-.8px;line-height:1.3;color:#0b1930}.tpu-validity>span:last-child{font-size:11px;color:#66758a}.tpu-card-link{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:15px;font-size:12px;color:#223f61;text-decoration:none}.tpu-card-link:hover{color:#816800}
.tpu-benefits-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 13px}.tpu-benefits-heading h2{margin:0;color:#142c47;font-size:18px;font-weight:500;letter-spacing:-.4px}.tpu-benefits-heading>span{font-size:11px;color:#7a899b}.tpu-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:27px}.tpu-benefit{display:flex;align-items:start;gap:13px;position:relative;padding:20px 18px;border:1px solid #e2e7ee;border-radius:16px;background:#fff;text-decoration:none;color:#0b1930;min-width:0;transition:border-color .18s,transform .18s}.tpu-benefit:hover{border-color:#d3bd78;transform:translateY(-2px);color:#0b1930}.tpu-benefit-icon{display:grid;place-items:center;flex-shrink:0;width:35px;height:35px;border-radius:10px;background:#f5f7fa;color:#415c78}.tpu-benefit-icon svg{width:19px;height:19px}.tpu-benefit>div{min-width:0}.tpu-benefit h3{font-size:13px;font-weight:550;line-height:1.5;margin:0 0 5px}.tpu-benefit p{font-size:11px;color:#697a8f;line-height:1.7;margin:0}.tpu-benefit-arrow{color:#94a0af;font-size:14px;margin-left:auto}
.tpu-dashboard .search-focus{border-color:#dce4ed;box-shadow:0 8px 28px #142c4704}.tpu-dashboard .dashboard-lower>.panel{border-radius:20px;border-color:#e2e7ee}.tpu-dashboard .account-panel .panel-emblem{background:#fff8dc;color:#917532}
.tpu-strip-wrap{margin-top:24px}.tpu-strip{display:flex;align-items:center;gap:17px;padding:18px 23px;background:linear-gradient(110deg,#0e2039,#203c58);color:#f8fafc;border:1px solid #27445f;border-radius:16px}.tpu-strip-icon{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border:1px solid #bfa96855;background:#f5d77a0a;border-radius:12px;color:#f5d77a}.tpu-strip-icon svg{width:24px;height:24px}.tpu-strip-title,.tpu-strip-quota,.tpu-strip-reset{display:flex;flex-direction:column;min-width:0;gap:4px}.tpu-strip-title{flex:1}.tpu-strip-title>strong{font-size:14px;font-weight:550;color:#f4db91}.tpu-strip-title>span{font-size:11px;color:#bccbd9;overflow-wrap:anywhere}.tpu-strip-quota{padding:0 26px;border-inline:1px solid #ffffff20}.tpu-strip-quota>strong{font-size:23px;font-weight:550;line-height:1.1}.tpu-strip-quota small{font-size:13px;color:#aebfd1;font-weight:400}.tpu-strip-quota>span,.tpu-strip-reset>span{font-size:10px;color:#bccbd9}.tpu-strip-reset{padding:0 10px}.tpu-strip-reset>strong{font-size:11px;font-weight:500}.tpu-strip-link{white-space:nowrap;color:#f0d481;font-size:12px;text-decoration:none;display:inline-flex;align-items:center;gap:12px;margin-left:auto}.tpu-strip-link:hover{color:#fff0b5}
.tpu-button:focus-visible,.tpu-hero-secondary:focus-visible,.tpu-card-link:focus-visible,.tpu-benefit:focus-visible,.tpu-strip-link:focus-visible{outline:3px solid #b49639;outline-offset:4px}
@media(max-width:1100px){.tpu-hero{grid-template-columns:minmax(0,1fr) 270px;padding:32px;gap:30px}.tpu-membership{padding:20px}.tpu-metric{padding:20px}.tpu-benefit{gap:10px;padding:17px 14px}.tpu-benefit-icon{width:29px;height:29px}.tpu-strip-reset{display:none}}
@media(max-width:800px){.tpu-hero{grid-template-columns:1fr;gap:28px;padding:28px}.tpu-membership{display:none}.tpu-hero h1{font-size:34px}.tpu-metrics{grid-template-columns:1fr 1fr}.tpu-metric-quota{grid-column:1/-1}.tpu-metric-quota .tpu-metric-value{margin-top:0}.tpu-benefits{grid-template-columns:1fr}.tpu-benefit{padding:18px;align-items:center}.tpu-benefit-icon{width:38px;height:38px}.tpu-benefits-heading>span{display:none}.tpu-strip{gap:13px;padding:16px}.tpu-strip-quota{padding:0 14px;border-right:0}.tpu-strip-link{display:none}}
@media(max-width:480px){.tpu-hero{padding:25px 22px;border-radius:20px}.tpu-hero h1{font-size:30px;letter-spacing:-.8px;margin-top:20px}.tpu-hero-content>p{font-size:12px;line-height:1.8}.tpu-member-badge{font-size:9px;letter-spacing:1.1px}.tpu-hero-actions{gap:18px;align-items:start;flex-direction:column}.tpu-button{width:100%;min-height:45px}.tpu-hero-secondary{font-size:12px}.tpu-metrics{gap:12px;grid-template-columns:1fr}.tpu-metric{padding:20px;border-radius:17px}.tpu-metric-quota{grid-column:auto}.tpu-benefits-heading h2{font-size:16px}.tpu-benefit h3{font-size:12px}.tpu-strip-wrap{margin-top:17px}.tpu-strip{gap:10px;padding:14px}.tpu-strip-icon{height:33px;width:33px;border-radius:9px}.tpu-strip-icon svg{width:20px;height:20px}.tpu-strip-title>strong{font-size:12px}.tpu-strip-title>span{font-size:10px}.tpu-strip-quota{padding:0 0 0 11px;max-width:145px}.tpu-strip-quota>span{font-size:9px;line-height:1.4}.tpu-strip-quota>strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){.tpu-benefit,.tpu-button{transition:none}.tpu-benefit:hover,.tpu-button-gold:hover{transform:none}}