:root { color-scheme: dark; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; background: #10100d; color: #f0e9ce; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(ellipse at 65% 0%,#dcb84f12,transparent 65%); }
header { display: flex; align-items: center; justify-content: space-between; padding: 26px clamp(24px,6vw,80px); border-bottom: 1px solid #e9c9681c; }
.brand { font-size: 22px; letter-spacing: .12em; font-weight: 650; color: #edcd70; text-decoration: none; }
button { font: inherit; border: 1px solid #e9c96830; border-radius: 10px; padding: 10px 18px; background: #201f18; color: inherit; cursor: pointer; }
button:focus-visible { outline: 2px solid #edcd70; outline-offset: 3px; }
main { width: min(800px,100%); padding: clamp(36px,8vw,86px) 24px; margin: 0 auto; }
.eyebrow { font-size: 12px; letter-spacing: .16em; color: #c7b775; }
h1 { font-weight: 500; font-size: clamp(32px,5vw,48px); margin: 20px 0 12px; }
.account { color: #b6b09b; margin: 0 0 38px; }
section { position: relative; border: 1px solid #e9c96820; background: #1b1a13a8; border-radius: 18px; padding: 28px; margin: 20px 0; }
h2 { font-size: 20px; font-weight: 500; margin: 0 0 14px; }
p { line-height: 1.7; }
.detail { color: #aaa28a; font-size: 14px; }
.status-dot { display: inline-block; float: right; width: 8px; height: 8px; margin-top: 8px; border-radius: 50%; background: #edcd70; }
ul { padding-left: 20px; line-height: 2; color: #d6cfb8; }
[hidden] { display: none !important; }
#error { padding: 16px; border: 1px solid #d7817355; border-radius: 12px; color: #ffc4ae; }