:root { --ink:#0b0d0b; --panel:#121510; --line:rgba(255,255,255,.1); --muted:rgba(255,255,255,.55); --lime:#ccff35; --lime-bright:#d9ff64; } *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--ink);color:#fff;font-family:Arial,sans-serif;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px} a{color:inherit;text-decoration:none} button,input{font:inherit}.shell{min-height:100vh}.nav,.hero,.flow-section,.security,footer{width:min(1120px,calc(100% - 40px));margin:auto}.nav{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.07em}.brand-mark{display:inline-block;position:relative;width:28px;height:28px;overflow:hidden;border-radius:9px;background:var(--lime);box-shadow:0 0 24px rgba(204,255,53,.25)}.brand-mark i{position:absolute;left:6px;top:5px;width:9px;height:16px;border:3px solid #111510;border-radius:0 99px 99px 0}.brand-mark b{position:absolute;bottom:5px;left:9px;width:12px;height:3px;transform:rotate(-38deg);background:#111510;border-radius:4px}.nav-links{display:flex;gap:32px;color:var(--muted);font-size:14px;font-weight:600}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 22px;border:1px solid transparent;border-radius:999px;font-weight:800;cursor:pointer;transition:.18s transform,.18s background}.button:hover{transform:translateY(-1px)}.button:active{transform:scale(.98)}.button.primary{background:var(--lime);color:#0b0d0b}.button.primary:hover{background:var(--lime-bright)}.button.ghost{min-height:40px;border-color:var(--line);background:rgba(255,255,255,.04);color:#fff}.button.text{color:#fff;background:transparent}.wide{width:100%;border-radius:14px}.hero{position:relative;padding:90px 0 110px;overflow:hidden}.hero-content{position:relative;z-index:1;max-width:840px}.chip,.secure{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(204,255,53,.25);background:rgba(204,255,53,.08);border-radius:999px;padding:9px 14px;color:var(--lime-bright);font-size:12px;font-weight:800}.hero h1{font-size:clamp(56px,9vw,112px);letter-spacing:-.09em;line-height:.88;margin:28px 0 28px;max-width:800px}.hero h1 em{font-style:normal;color:var(--lime)}.hero p{max-width:650px;font-size:20px;line-height:1.55;color:var(--muted)}.actions{display:flex;gap:12px;margin-top:36px}.glow{position:absolute;border-radius:50%;filter:blur(56px);pointer-events:none}.glow-a{width:470px;height:470px;right:-160px;top:-160px;background:rgba(204,255,53,.18)}.glow-b{width:260px;height:260px;left:28%;top:48%;background:rgba(204,255,53,.09)}.benefits{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:70px}.benefits article,.flow-card,.security article,.login-aside,.charge-card,.metrics article,.table-card{border:1px solid var(--line);background:rgba(18,21,16,.92);border-radius:22px}.benefits article{padding:25px}.benefits article span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.06);color:var(--lime);font-weight:800}.benefits h2{font-size:17px;margin:34px 0 7px}.benefits p,.security p,.flow-section p{color:var(--muted);font-size:14px;line-height:1.6;margin:0}.flow-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center;padding:90px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}small{color:var(--lime);font-size:10px;font-weight:800;letter-spacing:.16em}.flow-section h2,.security h2{font-size:clamp(36px,5vw,56px);letter-spacing:-.07em;line-height:.97;margin:15px 0 24px}.flow-card{list-style:none;padding:25px;margin:0}.flow-card li{display:grid;grid-template-columns:48px 1fr;gap:15px;padding:14px 0}.flow-card b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--lime);color:#111510;font-size:11px}.flow-card h3{margin:2px 0 4px;font-size:16px}.security{display:grid;grid-template-columns:2fr 1fr;gap:16px;padding:90px 0}.security article{padding:38px}.security article>span{color:var(--lime);font-size:26px}.security article small{display:block;margin-top:50px}.security article h2{font-size:40px;max-width:650px}.security article h3{margin-top:90px;font-size:20px}.security article a{display:inline-block;margin-top:25px;color:var(--lime);font-size:14px;font-weight:800}footer{display:flex;justify-content:space-between;align-items:center;padding:26px 0;color:rgba(255,255,255,.38);font-size:13px;border-top:1px solid var(--line)}.login-page,.charge-page{min-height:100vh;background:radial-gradient(circle at 82% 12%,rgba(204,255,53,.13),transparent 30%)}.back{position:absolute;left:28px;top:28px;color:var(--muted);font-size:14px;font-weight:700}.login-grid{min-height:100vh;max-width:1280px;margin:auto;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.login-aside{padding:48px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 20% 20%,rgba(204,255,53,.2),transparent 33%),#121510}.login-aside h1{max-width:500px;font-size:44px;letter-spacing:-.07em;line-height:1.05;margin:14px 0}.login-aside p{max-width:450px;color:var(--muted);line-height:1.6}.lock{display:grid;place-items:center;width:55px;height:55px;background:var(--lime);border-radius:18px;color:#111510;margin-bottom:28px}.login-form{align-self:center;width:min(100%,460px);margin:auto}.login-form h1{font-size:42px;letter-spacing:-.07em;margin:13px 0}.login-form>p{color:var(--muted);line-height:1.6}.login-form label{display:block;margin:18px 0 0;color:var(--muted);font-size:13px;font-weight:700}.login-form input{display:block;width:100%;height:48px;margin-top:7px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.04);color:#fff;padding:0 14px}.login-form button{margin-top:26px}.mobile-brand{display:none}.muted{color:rgba(255,255,255,.38)!important);font-size:12px!important}.center{text-align:center}.form-message{min-height:20px;color:#ffb2a7!important;text-align:center}.panel{min-height:100vh;display:grid;grid-template-columns:270px 1fr;background:#090a09}.panel aside{border-right:1px solid var(--line);padding:25px 12px;display:flex;flex-direction:column;gap:8px}.panel aside .brand{padding:5px 13px 30px}.panel aside a,.panel aside button{padding:13px;border:0;border-radius:12px;background:transparent;color:var(--muted);text-align:left;font-weight:700}.panel aside a.active{background:rgba(255,255,255,.07);color:#fff}.panel aside button{margin-top:auto;color:var(--muted);cursor:pointer}.panel-content{padding:48px;width:min(1100px,100%);margin:auto}.panel-content>header{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:34px}.panel h1{font-size:42px;letter-spacing:-.07em;margin:9px 0}.panel header p{color:var(--muted);margin:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metrics article{padding:22px}.metrics article.highlight{border-color:rgba(204,255,53,.25);background:linear-gradient(130deg,rgba(204,255,53,.17),rgba(204,255,53,.04))}.metrics p{margin:0;color:var(--muted);font-size:14px}.metrics strong{display:block;margin-top:42px;font-size:28px;letter-spacing:-.06em}.table-card{margin-top:16px;overflow:hidden}.table-card header{padding:22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.table-card h2{font-size:18px;margin:0}.table-card header p{font-size:14px;color:var(--muted);margin:5px 0 0}.table-card header small{color:rgba(255,255,255,.35)}.table-wrap{overflow:auto}table{width:100%;min-width:700px;border-collapse:collapse}th,td{padding:16px 22px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06);font-size:14px}th{font-size:10px;letter-spacing:.13em;color:rgba(255,255,255,.4)}td:first-child{font-weight:700}.empty{min-height:320px;display:grid;place-items:center;align-content:center;text-align:center;padding:30px}.empty span{color:var(--lime);font-size:26px}.empty h3{margin:17px 0 6px}.empty p{max-width:360px;color:var(--muted);font-size:14px;line-height:1.55}.status{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid;border-radius:999px;font-size:11px;font-weight:800}.status i{width:6px;height:6px;border-radius:50%;background:currentColor}.status-open,.status-payment_pending{color:var(--lime-bright);background:rgba(204,255,53,.08);border-color:rgba(204,255,53,.2)}.status-paid{color:#9ee7ff;background:rgba(101,214,255,.08);border-color:rgba(101,214,255,.2)}.status-draft{color:var(--muted);border-color:var(--line)}.status-expired,.status-cancelled{color:#ffb2a7;border-color:rgba(255,100,90,.2);background:rgba(255,100,90,.07)}.charge-page{display:grid;place-items:center;padding:24px}.charge-card{width:min(100%,570px);padding:38px;box-shadow:0 30px 90px rgba(0,0,0,.35)}.charge-top{display:flex;justify-content:space-between;align-items:center}.charge-intro{margin-top:70px}.charge-intro h1{font-size:40px;letter-spacing:-.07em;line-height:1.05;margin:12px 0}.charge-intro p{color:var(--muted);font-size:14px}.amount{margin:36px 0 26px;padding:24px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.04)}.amount p{margin:0;color:var(--muted);font-size:14px}.amount strong{display:block;margin-top:7px;font-size:42px;letter-spacing:-.07em;color:var(--lime)}.confirmed,.unavailable{padding:15px;border:1px solid var(--line);border-radius:13px;color:var(--muted);font-size:14px;line-height:1.5}.confirmed{color:#d9ff64;border-color:rgba(204,255,53,.2);background:rgba(204,255,53,.07)}.charge-card footer{width:100%;justify-content:center;border-top:1px solid var(--line);margin-top:28px;padding-top:20px;font-size:12px}.error{text-align:center}.error .brand{justify-content:flex-start;width:100%}.warning{display:grid;place-items:center;margin:60px auto 16px;width:36px;height:36px;border:2px solid var(--lime);border-radius:50%;font-size:24px;color:var(--lime)}.error h1{font-size:28px;margin:0}.error p{color:var(--muted);line-height:1.6}.loading{display:grid;place-items:center;min-height:250px;color:var(--muted)}@media(max-width:760px){.nav{height:70px;width:calc(100% - 28px)}.nav-links{display:none}.nav .button{min-height:34px;padding:0 14px;font-size:11px}.hero{width:calc(100% - 28px);padding:35px 0 55px}.hero h1{font-size:52px}.hero p{font-size:15px}.actions{flex-direction:column;align-items:flex-start}.benefits,.flow-section,.security{grid-template-columns:1fr}.benefits{margin-top:48px}.benefits article{padding:20px}.benefits h2{margin-top:22px}.flow-section{width:calc(100% - 28px);gap:38px;padding:58px 0}.flow-section h2{font-size:38px}.security{width:calc(100% - 28px);padding:58px 0}.security article{padding:28px}.security article h3{margin-top:55px}.security article h2{font-size:32px}.shell footer{width:calc(100% - 28px);display:grid;gap:15px}.login-grid{display:block;padding:0}.login-aside{display:none}.login-form{min-height:100vh;padding:150px 25px 40px;width:100%}.mobile-brand{display:inline-flex;margin-bottom:62px}.back{left:20px;top:21px}.panel{display:block}.panel aside{height:54px;padding:0 15px;align-items:center;flex-direction:row}.panel aside .brand{display:none}.panel aside a,.panel aside button{padding:8px}.panel aside button{margin:0 0 0 auto}.panel-content{padding:28px 16px}.panel-content>header{align-items:start;flex-direction:column}.panel h1{font-size:36px}.metrics{grid-template-columns:1fr}.metrics strong{margin-top:36px}.charge-card{padding:27px}.charge-intro{margin-top:55px}.charge-intro h1{font-size:31px}.amount strong{font-size:36px}}