:root{--bg:#050d12;--panel:#101b23;--line:#354940;--gold:#efc779;--text:#eef5f0;--soft:#a9beb6;--green:#40daa3;--red:#f2909a}*{box-sizing:border-box}
html{color-scheme:dark}body{margin:0;color:var(--text);background:radial-gradient(ellipse at 80% 10%,#273325,#050d12 45%);font-family:Inter,system-ui,Arial,sans-serif;font-size:14px;line-height:1.5}
a{color:#f5d38e}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}
.top{max-width:1260px;margin:auto;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #645231}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.brand img{height:59px;width:59px}.brand strong{display:block;font-size:22px}.brand strong em{font-style:normal;color:var(--gold)}.brand small{color:#bbd0c2;letter-spacing:1px;font-weight:700;font-size:10px}.toplinks{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.toplinks a{text-decoration:none;font-size:12px;font-weight:750}.wrap{max-width:1260px;margin:auto;padding:22px}.hero{position:relative;border:1px solid #75592e;border-radius:18px;overflow:hidden;min-height:284px;padding:32px;display:flex;align-items:center;background:radial-gradient(ellipse at 95% 55%,#352e20,#0a1a21 65%)}
.hero::after{content:"";position:absolute;right:-120px;top:-115px;width:460px;height:460px;background:url('./assets/gold-dollar.svg') center/contain no-repeat;opacity:.25;pointer-events:none}
.hero >div{max-width:740px;position:relative;z-index:1}.eyebrow{font-size:11px;font-weight:900;letter-spacing:2px;color:var(--gold)}
.hero h1{font-size:clamp(28px,4vw,52px);line-height:1.08;letter-spacing:-1.5px;margin:14px 0}.hero h1 span{color:var(--gold)}.hero p{color:#c4d3ce;font-size:15px;max-width:630px}
.promo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:17px 0}.promo{background:linear-gradient(155deg,#14251f,#0c1820);padding:20px;border:1px solid #345544;border-radius:13px;min-height:152px}.promo b{font-size:17px;color:#f4cd86}.promo p{font-size:12px;color:#b8c9c1}
.main-grid{display:grid;grid-template-columns:1.1fr minmax(335px,.8fr);gap:18px;align-items:start}.pane{background:linear-gradient(130deg,#111e24,#091319);border:1px solid #3d5349;border-radius:14px;padding:21px}.pane h2{margin:0 0 9px;color:var(--gold);font-size:23px}.pane h3{margin:7px 0 5px;font-size:16px}.pane p{color:#bacbbf}.lead{font-size:16px}.value{display:flex;align-items:center;gap:13px;border-top:1px solid #33493e;padding:14px 0}.value span{font-size:25px}.value b{display:block;color:#f4e4ca}.value small{color:#afc1b4}
.form{display:grid;gap:13px}.form label{display:grid;gap:6px;color:#cad5d1;font-size:12px;font-weight:800}.form input{width:100%;min-width:0;padding:13px;border:1px solid #566850;background:#0a1619;border-radius:9px;color:#fff;outline:none}.form input:focus{border-color:var(--gold)}
.buttons{display:flex;gap:8px;flex-wrap:wrap}.btn{border-radius:9px;padding:12px 16px;background:linear-gradient(120deg,#f2d18d,#c18a35);border:1px solid #f2c978;color:#23180c;font-weight:900;font-size:13px}.btn.secondary{background:#19352c;border-color:#43795a;color:#ddf4e5}.btn.ghost{background:#172022;border-color:#42594a;color:#e5efd9}
.status{padding:12px 13px;border-radius:9px;background:#1c2219;border:1px solid #715833;color:#f0cb85;font-size:12px;line-height:1.55}.status.ok{color:#a8ecc2;background:#10271c;border-color:#337656}.status.bad{color:#f0aeb7;background:#2e171d;border-color:#8d4353}
.muted{color:var(--soft);font-size:11px}.footer{font-size:11px;color:#8fa499;padding:18px 2px;border-top:1px solid #344c3b;margin-top:24px}
.hide{display:none!important}.chatpage{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:13px;max-width:1100px;margin:20px auto}.room{border:1px solid #42634a;border-radius:14px;background:#0b171c;overflow:hidden;min-width:0}.roomheader{padding:15px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#152b25;border-bottom:1px solid #416146}.roomheader strong{color:var(--gold);font-size:19px}.roomheader small{display:block;color:#b0c7b7;font-size:11px}.messages{height:min(65vh,550px);overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.message{padding:10px 12px;max-width:min(88%,620px);align-self:flex-start;border-radius:10px;border:1px solid #344d42;background:#13221f;white-space:pre-wrap;overflow-wrap:anywhere}.message.mine{background:#172f27;border-color:#48735b;align-self:flex-end}.message .who{font-size:10px;font-weight:900;color:#f1c978}.message .when{font-weight:500;color:#95b9a8;margin-left:10px}.message .body{margin-top:3px}.send{display:flex;gap:8px;padding:13px;border-top:1px solid #3b5648}.send input{flex:1;min-width:0;padding:13px 14px;border:1px solid #597462;border-radius:9px;background:#0b1c18;color:#f5fff7}.send button{border:1px solid #ecca82;border-radius:9px;background:#dab060;color:#20160c;padding:0 17px;font-weight:950}.side{background:#10221d;border:1px solid #395641;border-radius:14px;padding:16px;height:fit-content}.side h3{margin:0 0 9px;color:#f1cd88}.side p,.side li{font-size:12px;color:#b3c6ba}.side ul{padding-left:18px}.side li{margin:7px 0}
.session{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.session span{color:#b8d0bd;font-size:11px}
@media(max-width:800px){.promo-grid{grid-template-columns:1fr}.main-grid,.chatpage{grid-template-columns:1fr}.room .messages{height:58dvh}.top{padding:12px}.wrap{padding:12px}.hero{padding:25px 18px;min-height:240px}.hero::after{right:-220px}.toplinks{gap:8px}}