:root{color:#e9eef7;font-synthesis:none;background:#0c111b;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:#0c111b;margin:0}.app-shell{min-height:100vh}main{max-width:1120px;margin:auto;padding:28px 32px}header{justify-content:space-between;align-items:center;gap:20px;max-width:1120px;margin:auto;padding:24px 32px;display:flex}.brand{letter-spacing:.18em;font-weight:800}.brand-button{color:#e9eef7;background:0 0;padding:0}.brand span,em{color:#68e0bb;font-style:normal}nav{flex-wrap:wrap;justify-content:flex-end;gap:18px;margin-left:auto;margin-right:4px;display:flex}nav a{color:#aab5c9;cursor:pointer;border-bottom:2px solid #0000;padding:8px 0;font-size:14px}nav a.active,nav a:hover{color:#68e0bb;border-bottom-color:#68e0bb}.ghost{color:#aab5c9;background:0 0;border:1px solid #273246;border-radius:12px;padding:10px 14px}.hero{grid-template-columns:1.4fr .8fr;align-items:center;gap:48px;padding:92px 0 72px;display:grid}.page{padding:80px 0}.page h1{margin-bottom:42px}.checkout{max-width:620px;margin:auto}.eyebrow{color:#68e0bb;text-transform:uppercase;letter-spacing:.15em;font-size:12px}h1{margin:18px 0;font-size:clamp(42px,7vw,76px);line-height:1.04}h2{font-size:24px}.muted,small{color:#8b98ad}.muted{line-height:1.7}button{color:#0b1718;cursor:pointer;background:#68e0bb;border:0;border-radius:13px;padding:14px 20px;font-weight:700}button:disabled{opacity:.5;cursor:not-allowed}.balance,.grid article{background:#151e2d;border:1px solid #26344a;border-radius:24px;padding:28px}.balance{flex-direction:column;justify-content:space-between;min-height:230px;display:flex}.balance strong{font-size:40px}.balance span{color:#68e0bb}.grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.assets{gap:12px;margin-top:24px;display:grid}.asset{background:#0f1724;border-radius:14px;align-items:center;gap:14px;padding:14px;display:flex}.asset b{color:#0b1718;background:#68e0bb;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.asset span{gap:3px;display:grid}.notice{color:#68e0bb;background:#0e1622;border-radius:12px;padding:14px}.quick-actions{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px;display:grid}.quick-action-card{justify-content:space-between;align-items:center;gap:20px;display:flex;margin:0!important}.quick-action-card h2{margin:8px 0}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.debt-row{background:#151e2d;border:1px solid #26344a}.debt-row span{flex:1}.debt-row small{display:block}.payment-form{margin-top:18px}.credit-section{padding-top:28px}.credit-page .grid article{background:#151e2d}.credit-page .asset b{background:#68e0bb}@media (width<=700px){main{padding:22px}header{flex-wrap:wrap;align-items:flex-start;padding:18px 22px}nav{order:3;justify-content:flex-start;gap:12px;width:100%}.hero,.grid,.quick-actions{grid-template-columns:1fr}.hero{padding:56px 0 42px}.quick-action-card{flex-direction:column;align-items:flex-start}}.form{gap:12px;margin-top:20px;display:grid}.form.inline{flex-wrap:wrap;display:flex}.form input,.form select{color:#e9eef7;background:#0e1622;border:1px solid #2a3850;border-radius:12px;flex:1;min-width:0;padding:13px 14px}.form button:disabled{opacity:.5;cursor:not-allowed}.form .ghost{color:#68e0bb}.checkout-qr{background:#fff;border-radius:12px;width:240px;height:240px;margin-top:16px;padding:8px}.page-heading,.panel-head,.order-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.c2c-page{padding-top:48px}.c2c-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px;display:grid}.panel{background:#151e2d;border:1px solid #26344a;border-radius:20px;margin-top:18px;padding:22px}.panel h2{margin:0}.price{color:#68e0bb;font-size:28px;font-weight:800}.tag{color:#68e0bb;border:1px solid #2d4258;border-radius:999px;padding:5px 9px;font-size:12px}.state{color:#8b98ad;padding:28px 0}.error{color:#ff9a9a}.panel textarea{color:#e9eef7;background:#0e1622;border:1px solid #2a3850;border-radius:12px;min-height:90px;padding:13px}.orders-panel{margin-top:28px}.orders{gap:10px;display:grid}.order-row{border-top:1px solid #26344a;padding-top:12px}.order-row span:first-child{gap:5px;display:grid}.order-actions{flex-wrap:wrap;gap:8px;display:flex}.order-actions button{padding:9px 12px}@media (width<=900px){.c2c-grid{grid-template-columns:1fr 1fr}}@media (width<=700px){.page-heading,.order-row{flex-direction:column;align-items:flex-start}.c2c-grid{grid-template-columns:1fr}.order-actions{width:100%}}.demo-panel{background:linear-gradient(135deg,#151e2d,#192642);border-color:#5365ea}.profile-page,.settings-page{max-width:920px;margin:auto}.profile-hero{align-items:center;gap:18px;display:flex}.profile-hero>button{margin-left:auto}.avatar{color:#fff;background:#5365ea;border-radius:50%;place-items:center;width:48px;height:48px;font-weight:800;display:grid}.avatar.large{width:72px;height:72px;font-size:28px}.profile-hero h2{margin:0 0 6px}.profile-grid{align-items:start}.profile-details{grid-template-columns:110px 1fr;gap:14px;margin:24px 0 0;display:grid}.profile-details dt{color:#8b98ad}.profile-details dd{overflow-wrap:anywhere;margin:0}.link-list{gap:10px;margin-top:18px;display:grid}.link-list button{text-align:left;color:#e9eef7;background:#0e1622;border:1px solid #2a3850}.profile-edit label{color:#aab5c9;gap:8px;display:grid}.profile-edit input,.profile-edit textarea{color:#e9eef7;background:#0e1622;border:1px solid #2a3850;border-radius:12px;padding:13px 14px}.profile-edit textarea{resize:vertical;min-height:110px}@media (width<=700px){.profile-hero{flex-wrap:wrap;align-items:flex-start}.profile-hero>button{margin-left:0}.profile-details{grid-template-columns:1fr}.profile-details dd{margin-top:-8px}}.negative{color:#ff8f9f}.credit-page{max-width:1100px;margin:auto}.credit-page h1{margin-bottom:14px}.credit-page h2{margin-top:0}.application-row{background:#151e2d;border:1px solid #26344a}.application-row span{flex:1}.application-row b{color:#5365ea;background:#e9ecff;border-radius:999px;width:auto;height:auto;margin-right:10px;padding:5px 9px;display:inline-block}.application-row small{margin-top:5px;display:block}
