@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#08170f;--panel:#10271b;--green:#85c96b;--text:#f4f7f3;--muted:#a8b7ac;--line:#264934}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,rgba(89,150,76,.14),transparent 30%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}.auth-pending .app{visibility:hidden}
.auth-screen{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#07150e;padding:18px}.auth-screen.hidden{display:none}.auth-card{width:min(410px,100%);border:1px solid var(--line);border-radius:26px;padding:30px;background:#10251a}.auth-logo{width:76px;height:76px;border-radius:22px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:900;color:var(--green)}.auth-card h1{font-size:30px;margin:8px 0}.auth-card p{color:var(--muted);line-height:1.55}.auth-card label{display:grid;gap:7px;margin:12px 0;color:#c8d1ca;font-size:12px}.auth-card input{border:1px solid var(--line);background:#0a1b12;color:white;border-radius:11px;padding:12px}.auth-card button,header button{border:1px solid var(--line);background:#173b27;color:white;padding:11px 14px;border-radius:11px;font-weight:800}.auth-card form>button{width:100%;background:var(--green);color:#07130c;border:0;margin-top:8px}.auth-card small{display:block;color:#e5a0a0;margin-top:10px;min-height:18px}.back{display:block;text-align:center;color:var(--muted);font-size:12px;margin-top:18px;text-decoration:none}
header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100vw - 1120px)/2))}.brand{display:flex;align-items:center;gap:10px}.brand img{width:42px;height:42px;border-radius:13px}.brand strong{display:block;font-size:12px}.brand span{font-size:8px;color:var(--muted);letter-spacing:.14em}main{max-width:1120px;margin:auto;padding:38px 18px 80px}.welcome h1{font-size:42px;margin:6px 0}.welcome p{color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0}.metrics article,.panel{border:1px solid var(--line);background:rgba(16,39,27,.75);border-radius:18px;padding:18px}.metrics span{font-size:12px;color:var(--muted)}.metrics strong{font-size:25px;display:block;margin:8px 0 3px}.metrics small{color:#8ca296}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.head h2{margin:5px 0 15px}.list{display:grid;gap:9px}.item{border:1px solid var(--line);border-radius:13px;padding:13px}.item strong{display:block}.item p{color:var(--muted);font-size:12px;margin:5px 0 0}.videos{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.video{border:1px solid var(--line);border-radius:14px;overflow:hidden;color:inherit;text-decoration:none}.thumb{aspect-ratio:16/9;display:grid;place-items:center;background:linear-gradient(145deg,#1f4e31,#0c2015);font-size:30px}.video div:last-child{padding:13px}.video p{color:var(--muted);font-size:12px;margin:4px 0}
@media(max-width:720px){.metrics,.grid,.videos{grid-template-columns:1fr}.welcome h1{font-size:34px}header .brand div{display:none}}
.payment-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;background:linear-gradient(135deg,#123320,#0d2418)}
.payment-copy h2{margin:5px 0 6px}.payment-copy p{margin:0;color:var(--muted)}
.pay-btn{border:0;background:var(--green);color:#07130c;font-weight:900;padding:13px 17px;border-radius:12px;white-space:nowrap}
#payment-modal{border:0;padding:0;background:transparent;color:white}
#payment-modal::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(5px)}
.pix-modal{width:min(470px,92vw);background:#0d2418;border:1px solid var(--line);border-radius:22px;padding:24px;position:relative}
.pix-close{position:absolute;right:13px;top:10px;background:transparent;border:0;color:white;font-size:28px}
.pix-modal h2{margin:7px 0 12px}.pix-loading{color:var(--muted);padding:24px 0}
#pix-result{text-align:center}#pix-image{display:block;width:min(280px,80%);margin:15px auto;background:white;border-radius:14px;padding:9px}
#pix-result label{display:block;text-align:left;font-size:11px;color:var(--muted);margin:12px 0 6px}
#pix-code{width:100%;min-height:86px;border:1px solid var(--line);background:#081a11;color:white;border-radius:10px;padding:10px;resize:none}
.pix-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.pix-actions button,.pix-actions a{display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#173b27;color:white;padding:11px;border-radius:10px;font-weight:800;text-decoration:none}
.pix-actions button{background:var(--green);color:#07130c;border:0}.pix-error{color:#e9a2a2;font-size:13px}.test-warning{border:1px solid #725d2f;background:#493b1d;color:#f3d98f;border-radius:10px;padding:9px;font-size:11px;font-weight:800}
#pix-status{display:block;color:var(--muted);margin-top:10px}
@media(max-width:600px){.payment-panel{align-items:flex-start;flex-direction:column}.pay-btn{width:100%}.pix-actions{grid-template-columns:1fr}}