*{box-sizing:border-box}body{margin:0;background:#0a1020;color:#edf3ff;font:15px system-ui}button,input,textarea{font:inherit}header,main{max-width:1180px;margin:auto;padding:28px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #26334d}.logo{font-weight:800;font-size:25px;letter-spacing:-1px}.logo span{color:#76e8c1}.badge{padding:8px 12px;border-radius:40px;background:#263746;color:#86ebca;font-size:12px}h1{font-size:clamp(32px,5vw,52px);letter-spacing:-2px;margin:15px 0}h2{font-size:21px;margin-top:0}p{color:#b9c5db;line-height:1.6}.lead{max-width:680px}.grid{display:grid;grid-template-columns:380px 1fr;gap:22px}.card{background:#141e32;border:1px solid #2a3852;border-radius:17px;padding:24px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:25px 0}.metrics b{font-size:27px;display:block;margin-top:10px}.notice{border-left:3px solid #71e4bd;padding:8px 18px;background:#111d2e;border-radius:0 10px 10px 0;margin:20px 0}.notice p{margin:6px 0}label{display:block;margin:17px 0 7px;color:#becbe0}input,textarea{background:#0b1426;color:#fff;border:1px solid #3a4963;border-radius:8px;padding:12px;width:100%}textarea{resize:vertical}button{border:0;padding:12px 17px;border-radius:9px;background:#77e7c0;color:#09281e;cursor:pointer;font-weight:700}button:disabled{opacity:.5;cursor:wait}.secondary{background:#273852;color:#e2ecff}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.small{font-size:12px;color:#a3b3ce}.row{display:flex;justify-content:space-between;gap:12px}.invoice{padding:20px 0;border-bottom:1px solid #29374e}.invoice p{margin:7px 0}.pending{color:#f5c985}.paid{color:#79e9bf}.address{font:12px ui-monospace;overflow-wrap:anywhere;color:#cad7ed;background:#0c1526;padding:12px;border-radius:8px}a{color:#82e9c7}#message,.message{padding:14px 0;color:#96edcf;overflow-wrap:anywhere}.error{color:#ffb1b1}.empty{padding:35px 0;text-align:center;color:#98a8c5}footer{padding:30px 0;font-size:12px;color:#91a1bc}.checkout{max-width:680px;margin:25px auto}.amount{font-size:40px;font-weight:800;margin:20px 0}.eyebrow{font-size:12px;letter-spacing:2px;color:#83daba}details{margin-top:20px}summary{cursor:pointer;color:#a9bbd6}.full{width:100%}@media(max-width:800px){.grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr}header,main{padding:20px}.row{flex-wrap:wrap}}

.mobile-tools{margin:0 0 28px;padding:18px 20px;border:1px solid #2a3852;border-radius:16px;background:#111d2e;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.mobile-tools p{margin:6px 0}.mobile-tools .actions{margin:0}.mobile-tools details{flex-basis:100%;margin-top:0}.button-link{padding:12px 17px;border-radius:9px;background:#77e7c0;color:#09281e;text-decoration:none;font-weight:700}button,input{min-height:44px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #c3f6e5;outline-offset:4px}@media(max-width:500px){header{gap:12px;flex-wrap:wrap}.badge{font-size:10px}header,main{padding:18px 16px}.card{padding:18px}.metrics{grid-template-columns:1fr;gap:10px}.metrics b{font-size:24px}.invoice .row b{overflow-wrap:anywhere}.mobile-tools{padding:16px}.mobile-tools .actions{width:100%}.mobile-tools .actions>*{flex:1;text-align:center}.amount{font-size:32px}input{font-size:16px}h1{letter-spacing:-1px}}