:root {
  color-scheme: dark;
  --bg: #03030a;
  --panel: rgba(13, 15, 31, .88);
  --panel-strong: rgba(15, 19, 42, .96);
  --text: #f7f8ff;
  --muted: #b9bed2;
  --line: rgba(179, 196, 255, .22);
  --cyan: #72d9ff;
  --blue: #7ba5ff;
  --violet: #b988ff;
  --danger: #ff9fae;
  --success: #9fffc7;
}
* { box-sizing: border-box; }
html { min-height: 100%; background: var(--bg); }
body {
  margin: 0;
  min-height: 100vh;
  color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at 18% 15%, rgba(58, 107, 255, .16), transparent 30rem),
    radial-gradient(circle at 83% 8%, rgba(160, 78, 255, .16), transparent 28rem),
    linear-gradient(180deg, #050713 0%, #03030a 58%, #010104 100%);
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .25;
  background-image: radial-gradient(circle, rgba(255,255,255,.58) 0 1px, transparent 1.5px);
  background-size: 103px 103px;
  mask-image: linear-gradient(to bottom, #000, transparent 72%);
}
a { color: inherit; }
.site-shell { width: min(1120px, calc(100% - 32px)); margin: 0 auto; position: relative; z-index: 1; }
.topbar { min-height: 78px; display:flex; align-items:center; justify-content:space-between; gap:18px; border-bottom:1px solid var(--line); }
.brand { text-decoration:none; display:inline-flex; align-items:center; gap:11px; font-family:Georgia,"Times New Roman",serif; font-size:1.25rem; }
.brand-mark { width:33px; aspect-ratio:1; border:1px solid rgba(216,228,255,.5); border-radius:50%; display:grid; place-items:center; background:rgba(255,255,255,.035); }
.navlinks { display:flex; align-items:center; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
.navlinks a { text-decoration:none; color:var(--muted); padding:9px 13px; border:1px solid transparent; border-radius:999px; }
.navlinks a:hover,.navlinks a:focus-visible { color:#fff; background:rgba(255,255,255,.055); border-color:var(--line); outline:none; }
main { padding: clamp(46px, 8vw, 92px) 0 90px; }
.account-wrap { width:min(680px,100%); margin:0 auto; }
.eyebrow { margin:0 0 11px; color:#c2cdf5; text-transform:uppercase; letter-spacing:.22em; font-size:.72rem; font-weight:700; }
h1 { margin:0 0 14px; font:400 clamp(2.5rem,7vw,4.8rem)/1 Georgia,"Times New Roman",serif; background:linear-gradient(110deg,#fff 15%,#bfe8ff 48%,#d7b8ff 82%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.lede { margin:0 0 28px; color:var(--muted); line-height:1.7; }
.card { border:1px solid var(--line); border-radius:24px; background:linear-gradient(145deg,rgba(18,22,49,.93),rgba(7,9,23,.95)); box-shadow:0 26px 70px rgba(0,0,0,.34); padding:clamp(22px,5vw,34px); }
.form-grid { display:grid; gap:18px; }
label { display:grid; gap:8px; color:#e8ecfa; font-size:.92rem; }
input, textarea { width:100%; border:1px solid rgba(183,202,255,.28); border-radius:14px; background:rgba(1,3,11,.58); color:#fff; padding:13px 14px; font:inherit; outline:none; }
input:focus,textarea:focus { border-color:rgba(114,217,255,.68); box-shadow:0 0 0 3px rgba(114,217,255,.08); }
textarea { min-height:125px; resize:vertical; line-height:1.55; }
.help { margin:-2px 0 0; color:#929ab3; font-size:.82rem; line-height:1.5; }
.actions { display:flex; gap:12px; flex-wrap:wrap; align-items:center; margin-top:6px; }
.button { appearance:none; border:1px solid rgba(170,198,255,.46); border-radius:999px; padding:11px 18px; color:#fff; background:linear-gradient(135deg,rgba(71,122,255,.38),rgba(158,78,255,.28)); font-weight:700; cursor:pointer; text-decoration:none; }
.button:hover,.button:focus-visible { border-color:rgba(210,225,255,.8); filter:brightness(1.08); outline:none; }
.button.secondary { background:rgba(255,255,255,.045); color:#dce3f5; }
.button.danger { border-color:rgba(255,159,174,.44); background:rgba(255,80,110,.12); }
.button[disabled] { opacity:.55; cursor:wait; }
.status { min-height:1.4em; margin:16px 0 0; color:var(--muted); line-height:1.55; }
.status.error { color:var(--danger); }
.status.success { color:var(--success); }
.inline-links { margin-top:22px; display:flex; gap:14px 20px; flex-wrap:wrap; color:#b9c7ee; font-size:.92rem; }
.inline-links a { text-underline-offset:3px; }
.profile-head { display:flex; align-items:center; gap:18px; margin-bottom:26px; }
.avatar { width:72px; height:72px; flex:0 0 72px; display:grid; place-items:center; border-radius:50%; border:1px solid rgba(181,205,255,.42); background:radial-gradient(circle at 35% 28%,rgba(114,217,255,.24),rgba(185,136,255,.14)); font:400 1.8rem Georgia,serif; }
.profile-meta h2 { margin:0 0 5px; font:400 1.7rem Georgia,serif; }
.profile-meta p { margin:0; color:var(--muted); font-size:.9rem; }
.section { margin-top:24px; padding-top:24px; border-top:1px solid var(--line); }
.section h2 { margin:0 0 15px; font:400 1.35rem Georgia,serif; }
.pill { display:inline-flex; align-items:center; padding:5px 10px; border-radius:999px; border:1px solid var(--line); color:#cbd7f7; font-size:.78rem; text-transform:uppercase; letter-spacing:.09em; }
.footer { color:#868ca2; border-top:1px solid var(--line); padding:26px 0 34px; font-size:.86rem; text-align:center; }
.hidden { display:none !important; }
@media(max-width:760px){.site-shell{width:min(100% - 22px,1120px)}.topbar{min-height:68px}.brand span:last-child{display:none}.navlinks a{padding:8px 9px}main{padding-top:40px}.card{border-radius:19px}.profile-head{align-items:flex-start}}

.private-field { display:grid; gap:5px; padding:14px 16px; border:1px solid rgba(183,202,255,.18); border-radius:14px; background:rgba(1,3,11,.34); }
.private-field span { color:#98a2bb; font-size:.76rem; text-transform:uppercase; letter-spacing:.1em; }
.private-field strong { color:#f7f8ff; font-size:.98rem; overflow-wrap:anywhere; }
.private-field small { color:#858ea8; line-height:1.45; }
.profile-identity{display:flex;gap:20px;align-items:center;margin:8px 0 22px}.profile-avatar-wrap{position:relative}.profile-avatar{width:128px;height:128px;border-radius:50%;overflow:hidden;border:1px solid rgba(169,190,255,.28);background:linear-gradient(135deg,#24345c,#4d376e);display:grid;place-items:center;font-size:34px;font-weight:850}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-badge{display:inline-flex;align-items:center;gap:7px;margin-top:7px;padding:5px 9px;border:1px solid rgba(169,190,255,.18);border-radius:999px;color:#bac9e8;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.profile-badge img{width:26px;height:26px;object-fit:contain}.avatar-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.file-button{position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.public-profile-link{color:#9fc4ff;text-decoration:none}.public-profile-link:hover{text-decoration:underline}
.profile-avatar{position:relative}.profile-avatar img{position:absolute;inset:0;z-index:2}

.social-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:#808aa5}.social-divider:before,.social-divider:after{content:"";height:1px;background:var(--line);flex:1}.discord-button{background:#5865F2;color:white;border-color:#7580f7}.discord-button:hover{background:#6875ff}