*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#08090b;color:#fff;font-family:Arial,sans-serif}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 16%,rgba(133,255,38,.1),transparent 25%),radial-gradient(circle at 82% 45%,rgba(49,207,255,.07),transparent 30%)}body>header,.layout,.admin{position:relative;z-index:1;max-width:1160px;margin:auto}body>header{display:flex;align-items:center;justify-content:space-between;padding:24px 22px}header img{height:42px;max-width:220px;object-fit:contain}a{color:#8b8b94;text-decoration:none}a:hover{color:#91ff35}.layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:64px;padding:58px 22px 70px}.intro{position:sticky;top:40px;align-self:start}.eyebrow,.green{color:#91ff35;font-size:11px;font-weight:700;letter-spacing:.15em}.eyebrow i{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#91ff35;box-shadow:0 0 18px #91ff35}.intro h1{font-size:58px;line-height:1.04;letter-spacing:-.045em;margin:24px 0 20px}.intro h1 em{color:#91ff35;font-style:normal}.intro>p{color:#a1a1aa;font-size:17px;line-height:1.7}.benefits{margin-top:34px;display:grid;gap:18px}.benefits article{display:flex;gap:14px}.benefits article>b,.lock{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(145,255,53,.2);border-radius:12px;background:rgba(145,255,53,.06);color:#91ff35}.benefits strong,.benefits small{display:block}.benefits small{color:#666672;margin-top:6px;line-height:1.5}.card{border:1px solid rgba(255,255,255,.09);border-radius:24px;background:rgba(18,19,22,.92);box-shadow:0 35px 90px rgba(0,0,0,.4);overflow:hidden}.card form{padding:30px}.card form>h2,.login h2{font-size:26px;margin:10px 0}.card form>p,.login p{color:#71717a;font-size:14px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}label{display:block;color:#d4d4d8;font-size:13px;font-weight:600}input,textarea{display:block;width:100%;margin-top:8px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#0c0d0f;color:#fff;padding:13px 14px;outline:none}input:focus,textarea:focus{border-color:#91ff35;box-shadow:0 0 0 3px rgba(145,255,53,.08)}fieldset{border:0;padding:0;margin:26px 0}legend{font-size:13px;color:#d4d4d8;font-weight:600;margin-bottom:12px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.plans label{min-height:100px;padding:15px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#0c0d0f;cursor:pointer}.plans label:has(input:checked){border-color:#91ff35;background:rgba(145,255,53,.05)}.plans input{width:auto;margin:0 0 15px;accent-color:#91ff35}.plans b,.plans small{display:block}.plans small{color:#71717a;margin-top:5px}.consent{display:flex;gap:9px;margin-top:18px;color:#71717a;font-weight:400;line-height:1.5}.consent input{width:auto;margin:2px 0;accent-color:#91ff35}.primary,.success button,.status-btn{width:100%;border:0;border-radius:12px;background:#91ff35;color:#08090b;padding:14px;font-weight:700;cursor:pointer;margin-top:20px}.primary:disabled{opacity:.6}.notice{display:block;text-align:center;color:#52525b;margin-top:14px}.error{padding:12px!important;border:1px solid rgba(255,70,70,.25);background:rgba(255,70,70,.08);color:#ff9b9b!important;border-radius:10px}.hidden{display:none!important}.success{min-height:640px;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.success>span{display:grid;place-items:center;width:75px;height:75px;border-radius:50%;background:rgba(145,255,53,.08);color:#91ff35;font-size:34px}.success>small{color:#91ff35;letter-spacing:.16em;margin-top:24px}.success p{color:#9b9ba5;line-height:1.7;max-width:430px}.success button{width:auto}.login{position:relative;z-index:1;display:grid;place-items:center;min-height:100vh;padding:20px}.login .card{width:100%;max-width:430px;padding:32px}.login form{padding:0}.lock{margin-top:30px}.admin{padding:24px}.admin header{display:flex;align-items:center;gap:16px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.1)}.admin header div{flex:1}.admin header small{display:block;color:#666672;margin-top:3px}.admin header button,.toolbar button{border:1px solid rgba(255,255,255,.1);background:#15161a;color:#aaa;border-radius:9px;padding:9px 12px;cursor:pointer}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.metrics article{border:1px solid rgba(255,255,255,.09);background:#111215;border-radius:16px;padding:20px}.metrics span{display:block;font-size:30px;font-weight:700}.metrics small{color:#71717a}.table-card{border-radius:16px}.toolbar{display:flex;justify-content:space-between;gap:14px;padding:14px;border-bottom:1px solid rgba(255,255,255,.08)}.toolbar input{margin:0;max-width:340px;padding:10px}.tabs .active{color:#fff;background:#292a2f}.loading,.empty{padding:60px;text-align:center;color:#71717a}.empty small{display:block;margin-top:8px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:15px;border-bottom:1px solid rgba(255,255,255,.07);vertical-align:top}th{color:#666672;font-size:10px;letter-spacing:.1em;text-transform:uppercase}td{font-size:13px}td>a,td>small,td details,td details small{display:block;margin-top:6px;color:#71717a}.pill{border:1px solid rgba(255,255,255,.1);border-radius:99px;padding:5px 9px}.pending{color:#fcd34d}.sent{color:#91ff35}.status-btn{width:auto;margin:0;padding:9px 11px;white-space:nowrap}.status-btn.sent{background:#25262a;color:#ccc}
/* Paleta oficial DarkMotion: preto profundo + roxo elétrico */
body{background:#030207}.ambient{background:radial-gradient(circle at 18% 16%,rgba(178,37,255,.14),transparent 28%),radial-gradient(circle at 82% 45%,rgba(119,21,255,.09),transparent 32%)}a:hover,.eyebrow,.green,.intro h1 em,.success>small,.sent{color:#b52cff}.eyebrow i{background:#b52cff;box-shadow:0 0 18px #b52cff}.benefits article>b,.lock{border-color:rgba(181,44,255,.28);background:rgba(181,44,255,.08);color:#b52cff}.card{border-color:rgba(181,44,255,.24);background:rgba(11,6,18,.94);box-shadow:0 35px 90px rgba(0,0,0,.55)}input,textarea,.plans label{background:#08050e}.input:focus,input:focus,textarea:focus{border-color:#b52cff;box-shadow:0 0 0 3px rgba(181,44,255,.10)}.plans label:has(input:checked){border-color:#b52cff;background:linear-gradient(135deg,rgba(181,44,255,.12),rgba(119,21,255,.06));box-shadow:0 0 24px rgba(181,44,255,.09)}.plans input,.consent input{accent-color:#b52cff}.primary,.success button,.status-btn{background:linear-gradient(90deg,#c23cff,#7816f5);color:#fff;box-shadow:0 8px 26px rgba(174,38,255,.28)}.primary:hover,.success button:hover,.status-btn:hover{filter:brightness(1.1)}.success>span{background:rgba(181,44,255,.10);color:#b52cff}.admin header button,.toolbar button{background:#150a20}.metrics article{background:#0d0815;border-color:rgba(181,44,255,.18)}.tabs .active{background:#2a103c}.pill{border-color:rgba(181,44,255,.35);color:#d89cff}.plans .featured{position:relative;grid-column:1/-1;min-height:112px;border-color:rgba(181,44,255,.5)}.plans .featured .badge{position:absolute;right:14px;top:-10px;border-radius:99px;background:linear-gradient(90deg,#c23cff,#8c1cff);padding:5px 10px;color:#fff;font-size:9px;font-weight:800;letter-spacing:.08em}.plans .featured b{font-size:15px}.plans .featured small{color:#bfa9cc}
@media(max-width:800px){.layout{grid-template-columns:1fr;padding-top:28px}.intro{position:static}.intro h1{font-size:44px}.grid{grid-template-columns:1fr}.plans{grid-template-columns:1fr}.plans .featured{grid-column:auto}.metrics{grid-template-columns:1fr}.toolbar{flex-direction:column}.admin header{flex-wrap:wrap}table,tbody,tr,td{display:block;width:100%}thead{display:none}tr{padding:12px;border-bottom:1px solid rgba(255,255,255,.08)}td{padding:6px;border:0}}
