:root { --bg: #090b09; --panel: #121510; --panel2: #191b14; --line: #4b3a24; --text: #f4ead6; --muted: #aa9e89; --green: #69e59b; --green2: #2fac68; --gold: #e8a84e; --copper: #9b541f; --stone: #25251f; }
body { background-color: var(--bg); background-image: radial-gradient(ellipse at 50% -12%, #44301c 0, #18160f 23%, transparent 54%), repeating-linear-gradient(108deg, transparent 0 38px, #ffffff08 39px, transparent 41px), linear-gradient(#0b0d0a,#070807); }
body::before,body::after { content:""; position:fixed; z-index:-1; pointer-events:none; inset:0; }
body::before { background:radial-gradient(circle at 12% 32%,#69e59b18 0 3px,transparent 4px),radial-gradient(circle at 88% 58%,#e8a84e18 0 2px,transparent 3px); background-size:110px 130px,150px 170px; opacity:.8; }
body::after { box-shadow:inset 0 0 170px #000; }
.nav { border-bottom:1px solid #5b442744; }
.brand { display:flex; align-items:center; line-height:1; }
.brand .wordmark { display:flex; flex-direction:column; }
.brand small { margin-top:5px; color:#9b8060; font-size:7px; letter-spacing:.22em; }
.button { background:linear-gradient(180deg,#78eda8,#32b56d); border:1px solid #a6f6c4; box-shadow:0 8px 30px #30bd6c22,inset 0 1px #fff8; text-shadow:0 1px #fff5; }
.button::before { content:"◆"; margin-right:8px; font-size:9px; }
.ghost { border-color:#6a4b2d;background:linear-gradient(#211b13,#13140f); }
.hero { position:relative; }
.hero::before { content:""; position:absolute; z-index:-1; left:-16vw;right:-16vw;top:-82px;height:650px;border-radius:50% 50% 0 0/34% 34% 0 0;box-shadow:inset 0 45px 90px #000b;border-top:3px solid #55432d55; }
.hero h1 { text-shadow:0 4px #000; }
.hero h1 em { color:#f0b45e;background:linear-gradient(90deg,#f5cd79,#b66d2d);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
.eyebrow { color:#dca358; }
.ore-notes { display:flex;flex-wrap:wrap;gap:18px;margin-top:25px;color:#968973;font-size:12px;text-transform:uppercase;letter-spacing:.08em; }
.ore-notes span::first-letter { color:var(--green); }
.orb { position:relative;width:350px;height:410px;border-radius:48% 48% 12% 12%/28% 28% 10% 10%;background:radial-gradient(circle at 50% 48%,#9affbd 0 5%,#39be72 12%,#0b4028 31%,transparent 33%),repeating-radial-gradient(ellipse at 50% 98%,#1c1e18 0 18px,#343027 20px 25px,#171914 28px 46px);border:4px solid #54432d;box-shadow:0 0 0 8px #161812,0 0 0 10px #725232,inset 0 0 100px #000,0 35px 80px #0009;overflow:visible; }
.orb::before { content:"";position:absolute;inset:18px;border-radius:48% 48% 10% 10%/27% 27% 9% 9%;border:2px dashed #8a693e66; }
.orb span { position:relative;z-index:4;color:#e8bd73;background:transparent;border:0;padding:0;text-shadow:0 3px 10px #000,0 0 18px #d18b3644;box-shadow:none;transform:translateY(38px); }
.orb small { position:relative;z-index:4;color:#c5aa7e;transform:translateY(34px); }
.pickaxe { position:absolute;z-index:3;left:50%;top:44%;width:5px;height:155px;background:linear-gradient(90deg,#5e321c,#d19653,#5e321c);border-radius:4px;transform-origin:50% 50%; }
.pickaxe::before { content:"";position:absolute;left:-38px;top:-9px;width:82px;height:14px;background:linear-gradient(#c6c0ad,#5a5a50);clip-path:polygon(0 48%,37% 0,100% 30%,100% 68%,37% 54%); }
.pickaxe.left { transform:translate(-50%,-50%) rotate(44deg); }.pickaxe.right { transform:translate(-50%,-50%) rotate(-44deg); }
.rune-divider { display:flex;align-items:center;gap:15px;margin-bottom:35px;color:#d99b48; }
.rune-divider::before,.rune-divider::after { content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#704e29,transparent); }.rune-divider span { display:grid;place-items:center;width:42px;height:42px;border:1px solid #75512d;transform:rotate(45deg);background:#15150f;box-shadow:inset 0 0 18px #000; }.rune-divider span::first-letter { transform:rotate(-45deg); }
.plan,.subscription,.quick,.orders,.auth-card { border-color:#5b4328;background:linear-gradient(145deg,#1b1b15,#0d100c);box-shadow:inset 0 1px #ffffff0b,0 18px 60px #0004; }
.plan::before { content:"";position:absolute;left:20px;right:20px;top:0;height:3px;background:linear-gradient(90deg,transparent,#a66a30,transparent); }
.plan.featured { border-color:#d99a47;box-shadow:inset 0 0 35px #e69b3710,0 18px 60px #0005; }
.plan.featured::after { content:"◆";position:absolute;right:22px;bottom:18px;color:#69e59b55;font-size:35px; }
.price { color:#efbd70; }
.footer { border-color:#4a3822; }
.pending-payments { border-color:#b57631;background:linear-gradient(135deg,#2c2113,#15140f); }
.current-plan,.stats div { border:1px solid #45331f;background:#0c100c; }
input { border-color:#4d3a25;background:#090c09; }
input:focus { border-color:#dca358;box-shadow:0 0 0 3px #dca35818; }
@media(max-width:800px){.hero::before{height:560px}.ore-notes{gap:9px}.brand small{display:none}}
.support-module { overflow:hidden; border:1px solid #5b4328; border-radius:20px; background:linear-gradient(145deg,#1b1b15,#0d100c); box-shadow:0 18px 60px #0004; }
.support-head { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:22px 24px; border-bottom:1px solid #4b3822; }
.support-head h3 { margin:4px 0 0; font-size:21px; }
.support-chat { min-height:220px; max-height:430px; overflow-y:auto; padding:22px; display:flex; flex-direction:column; gap:12px; background:radial-gradient(circle at 50% 120%,#61421f18,transparent 55%),#090c09; }
.support-message { max-width:min(76%,680px); padding:12px 14px; border-radius:14px; border:1px solid #4b3822; background:#171813; }
.support-message.user { align-self:flex-end; border-color:#317b50; background:#11251a; }
.support-message.staff { align-self:flex-start; border-color:#80552a; background:#241b11; }
.support-message span { display:block; margin-bottom:4px; color:#dba456; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.support-message.user span { color:var(--green); }
.support-message p { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; }
.support-message small { display:block; margin-top:6px; color:#7f7565; font-size:10px; text-align:right; }
.support-empty { margin:auto; max-width:480px; color:var(--muted); text-align:center; }
.support-form { display:grid; grid-template-columns:1fr auto; gap:12px; align-items:end; padding:18px 22px 8px; border-top:1px solid #4b3822; }
.support-form textarea { width:100%; resize:vertical; min-height:78px; padding:13px 14px; border-radius:12px; border:1px solid #4d3a25; color:var(--text); background:#090c09; font:inherit; outline:0; }
.support-form textarea:focus { border-color:#dca358; box-shadow:0 0 0 3px #dca35818; }
.support-hint { margin:2px 22px 16px; color:#7f7565; font-size:11px; }
@media(max-width:800px){.support-head{align-items:stretch;flex-direction:column}.support-head form,.support-head button{width:100%}.support-message{max-width:90%}.support-form{grid-template-columns:1fr}.support-form .button{width:100%}}