:root {
  --bg: #050814;
  --bg-2: #080d1b;
  --panel: rgba(12, 18, 38, .78);
  --panel-strong: rgba(13, 20, 42, .94);
  --line: rgba(255,255,255,.09);
  --line-blue: rgba(61,111,255,.22);
  --text: #f8faff;
  --muted: #94a0ba;
  --muted-2: #69758e;
  --blue: #2563eb;
  --blue-2: #60a5fa;
  --white: #f8fafc;
  --red: #ef3340;
  --red-2: #fb7185;
  --green: #34d399;
  --amber: #fbbf24;
  --discord: #5865f2;
  --radius: 24px;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-height: 100vh;
  color: var(--text);
  background: linear-gradient(180deg, #050814 0%, #070b16 56%, #050813 100%);
  font-family: 'Manrope', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  overflow-x: hidden;
}
body::selection { background: rgba(37,99,235,.48); color: #fff; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { cursor: pointer; }
svg { display: block; }
.container { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.site-shell { min-height: 100vh; position: relative; isolation: isolate; }

.page-grid {
  position: fixed; inset: 0; pointer-events: none; z-index: -3;
  background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 52px 52px;
  mask-image: linear-gradient(to bottom, #000 0%, transparent 78%);
  animation: gridDrift 18s linear infinite;
}
.ambient { position: fixed; width: 42vw; height: 42vw; border-radius: 50%; filter: blur(110px); pointer-events: none; z-index: -4; opacity: .18; }
.ambient-blue { left: -18vw; top: 5vh; background: var(--blue); animation: ambientFloat 13s ease-in-out infinite alternate; }
.ambient-red { right: -19vw; top: 31vh; background: var(--red); animation: ambientFloat 16s ease-in-out infinite alternate-reverse; }

.tricolor-bar { position: fixed; inset: 0 0 auto; height: 4px; display: grid; grid-template-columns: 1fr 1fr 1fr; z-index: 100; box-shadow: 0 0 22px rgba(255,255,255,.08); }
.tricolor-bar span:nth-child(1) { background: var(--blue); }
.tricolor-bar span:nth-child(2) { background: var(--white); }
.tricolor-bar span:nth-child(3) { background: var(--red); }

.topbar { height: 92px; display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 30; }
.brand { display: inline-flex; align-items: center; gap: 12px; }
.brand-mark { width: 44px; height: 44px; border-radius: 14px; overflow: hidden; display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid rgba(255,255,255,.15); box-shadow: 0 12px 35px rgba(0,0,0,.25); transform: translateZ(0); transition: .25s ease; }
.brand:hover .brand-mark { transform: rotate(-3deg) scale(1.04); }
.brand-mark i:nth-child(1) { background: #215ee7; }
.brand-mark i:nth-child(2) { background: #f8fafc; }
.brand-mark i:nth-child(3) { background: #ef3340; }
.brand-copy { display: flex; flex-direction: column; }
.brand-copy strong { font-family: 'Space Grotesk', sans-serif; font-size: 18px; letter-spacing: .03em; line-height: 1; }
.brand-copy small { color: #7f8ca8; font-size: 8px; letter-spacing: .18em; margin-top: 5px; font-weight: 800; }
.nav { display: flex; align-items: center; gap: 25px; font-size: 13px; font-weight: 700; }
.nav-link { color: #aab4c9; transition: .2s; position: relative; }
.nav-link::after { content: ''; position: absolute; left: 0; right: 100%; bottom: -8px; height: 2px; background: linear-gradient(90deg,var(--blue),var(--white),var(--red)); transition: .25s; }
.nav-link:hover { color: #fff; }
.nav-link:hover::after { right: 0; }
.nav-account { display: flex; align-items: center; gap: 9px; color: #d8deea; padding: 5px 6px 5px 5px; border-radius: 999px; transition: .2s; }
.nav-account:hover { background: rgba(255,255,255,.05); }
.nav-account-avatar { position:relative; width:32px; height:32px; flex:0 0 32px; border-radius:50%; overflow:hidden; border:1px solid rgba(255,255,255,.14); background:linear-gradient(135deg,#5865f2,#3842a8); }
.nav-account-avatar img, .nav-account-avatar b { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:grid; place-items:center; color:#fff; font-size:11px; font-weight:900; }
.nav-account img { width:100%; height:100%; border-radius:50%; object-fit:cover; }

.button { border: 0; border-radius: 13px; padding: 13px 18px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; font-weight: 850; transition: transform .2s ease, filter .2s ease, box-shadow .2s ease; position: relative; overflow: hidden; }
.button::before { content: ''; position: absolute; inset: 0; transform: translateX(-120%); background: linear-gradient(100deg,transparent 25%,rgba(255,255,255,.18) 50%,transparent 75%); transition: transform .55s ease; }
.button:hover::before { transform: translateX(120%); }
.button:hover { transform: translateY(-2px); filter: brightness(1.06); }
.button-small { padding: 10px 14px; font-size: 12px; }
.button-large { padding: 15px 20px; }
.button-primary { color: #fff; background: linear-gradient(115deg,#1f5ee8,#2d6cf1 55%,#1747aa); box-shadow: 0 14px 35px rgba(37,99,235,.2); }
.button-discord { background: linear-gradient(135deg,#5865f2,#4752c4); color: #fff; box-shadow: 0 14px 38px rgba(88,101,242,.18); }
.button-ghost { color: #e5eaf5; background: rgba(255,255,255,.04); border: 1px solid var(--line); }
.button-danger { color: #ff9ba4; background: rgba(239,51,64,.08); border: 1px solid rgba(239,51,64,.18); }
.button-full { width: 100%; }
.button-icon { width: 18px; height: 18px; }
.button-discord .button-icon { width: 20px; height: 20px; }

.hero { min-height: 690px; display: grid; grid-template-columns: 1.02fr .98fr; gap: 32px; align-items: center; padding: 64px 0 84px; position: relative; }
.hero::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: linear-gradient(90deg,rgba(37,99,235,.4),rgba(255,255,255,.13),rgba(239,51,64,.38)); opacity: .7; }
.hero-copy { position: relative; z-index: 5; }
.eyebrow { color: #aeb8cb; font-size: 10px; font-weight: 900; letter-spacing: .18em; display: inline-flex; align-items: center; gap: 10px; }
.flag-mini { width: 31px; height: 6px; display: grid; grid-template-columns: repeat(3,1fr); overflow: hidden; border-radius: 99px; box-shadow: 0 0 20px rgba(255,255,255,.09); }
.flag-mini i:nth-child(1), .core-flag i:nth-child(1) { background: var(--blue); }
.flag-mini i:nth-child(2), .core-flag i:nth-child(2) { background: var(--white); }
.flag-mini i:nth-child(3), .core-flag i:nth-child(3) { background: var(--red); }
.hero h1 { font-family: 'Space Grotesk', sans-serif; font-size: clamp(58px, 6.4vw, 92px); line-height: .94; letter-spacing: -.065em; margin: 23px 0 25px; max-width: 700px; }
.hero h1 em { font-style: normal; background: linear-gradient(94deg,#7fb0ff 0%,#fff 48%,#ff818a 100%); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: 0 0 46px rgba(255,255,255,.03); }
.hero-lead { max-width: 650px; color: #9ca8bf; font-size: 15px; line-height: 1.82; margin: 0; }
.hero-actions { display: flex; align-items: stretch; gap: 12px; margin-top: 32px; flex-wrap: wrap; }
.server-copy { min-width: 265px; border: 1px solid var(--line); border-radius: 13px; color: #eef2fa; background: rgba(255,255,255,.035); padding: 10px 12px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; text-align: left; transition: .22s ease; backdrop-filter: blur(12px); }
.server-copy:hover { border-color: rgba(96,165,250,.26); background: rgba(255,255,255,.05); transform: translateY(-1px); }
.server-copy.copied { border-color: rgba(52,211,153,.35); box-shadow: 0 0 0 4px rgba(52,211,153,.06); }
.server-icon { width: 20px; height: 20px; color: var(--blue-2); }
.server-copy span { display: flex; flex-direction: column; gap: 2px; }
.server-copy small { color: #6d7890; font-size: 8px; font-weight: 900; letter-spacing: .13em; }
.server-copy strong { font-size: 12px; }
.server-copy b { font-size: 9px; text-transform: uppercase; color: #aab4c8; }
.hero-proof { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 24px; color: #758199; font-size: 10px; font-weight: 700; }
.hero-proof span { display: inline-flex; align-items: center; gap: 6px; }
.proof-icon { width: 13px; height: 13px; color: #95a7cd; }

.hero-visual { min-height: 560px; position: relative; isolation: isolate; perspective: 900px; transition: transform .25s ease-out; }
.server-core { position: absolute; width: 220px; height: 220px; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%,-50%); background: radial-gradient(circle at 42% 36%,#1f3266,#0a1024 60%,#060913 100%); border: 1px solid rgba(255,255,255,.13); box-shadow: inset 0 0 70px rgba(37,99,235,.16),0 0 85px rgba(37,99,235,.14),0 0 140px rgba(239,51,64,.06); display: grid; place-content: center; text-align: center; animation: corePulse 4.2s ease-in-out infinite; }
.server-core::before { content: ''; position: absolute; inset: 12px; border-radius: 50%; border: 1px dashed rgba(255,255,255,.13); animation: spin 18s linear infinite; }
.server-core::after { content: ''; position: absolute; inset: -18px; border-radius: 50%; border: 1px solid rgba(96,165,250,.08); box-shadow: 0 0 0 18px rgba(255,255,255,.006); }
.server-core strong { font-family: 'Space Grotesk',sans-serif; font-size: 62px; line-height: .8; letter-spacing: -.07em; }
.server-core small { color: #8d99b2; font-size: 10px; letter-spacing: .31em; font-weight: 900; margin-top: 12px; }
.core-flag { width: 58px; height: 6px; display: grid; grid-template-columns: repeat(3,1fr); border-radius: 99px; overflow: hidden; margin: 0 auto 18px; }
.orbit { position: absolute; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%,-50%); pointer-events: none; }
.orbit-one { width: 340px; height: 340px; border: 1px solid rgba(71,116,255,.16); animation: spin 18s linear infinite; }
.orbit-one::after { content: ''; position: absolute; width: 9px; height: 9px; border-radius: 50%; background: var(--blue-2); top: 40px; left: 43px; box-shadow: 0 0 20px rgba(96,165,250,.8); }
.orbit-two { width: 440px; height: 300px; border: 1px solid rgba(255,255,255,.09); transform: translate(-50%,-50%) rotate(-17deg); animation: orbitTilt 22s linear infinite reverse; }
.orbit-two::after { content: ''; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #fff; right: 39px; bottom: 62px; box-shadow: 0 0 18px rgba(255,255,255,.65); }
.orbit-three { width: 520px; height: 410px; border: 1px solid rgba(239,51,64,.12); transform: translate(-50%,-50%) rotate(12deg); animation: orbitTilt 28s linear infinite; }
.orbit-three::after { content: ''; position: absolute; width: 9px; height: 9px; border-radius: 50%; background: var(--red-2); bottom: 72px; left: 40px; box-shadow: 0 0 22px rgba(251,113,133,.7); }
.hero-card-float { position: absolute; z-index: 5; min-width: 158px; padding: 14px 16px; border-radius: 16px; border: 1px solid rgba(255,255,255,.1); background: rgba(9,14,30,.72); backdrop-filter: blur(18px); box-shadow: 0 20px 55px rgba(0,0,0,.28); animation: cardFloat 5s ease-in-out infinite; }
.hero-card-float small { display: block; color: #73809a; font-size: 8px; letter-spacing: .14em; font-weight: 900; margin: 7px 0 3px; }
.hero-card-float strong { font-size: 12px; }
.hero-card-icon { width: 30px; height: 30px; border-radius: 10px; display: grid; place-items: center; color: #dce6ff; background: linear-gradient(145deg,rgba(37,99,235,.18),rgba(239,51,64,.09)); border: 1px solid rgba(255,255,255,.07); }
.small-icon { width: 16px; height: 16px; }
.float-one { left: 1%; top: 19%; animation-delay: -.8s; }
.float-two { right: 0; top: 37%; animation-delay: -2.1s; }
.float-three { left: 10%; bottom: 14%; animation-delay: -3.2s; }
.particle { position: absolute; width: 3px; height: 3px; border-radius: 50%; background: #fff; opacity: .6; animation: particleBlink 3s ease-in-out infinite; }
.p1{left:17%;top:24%;animation-delay:-.3s}.p2{right:17%;top:17%;animation-delay:-1.1s}.p3{right:12%;bottom:20%;animation-delay:-2.2s}.p4{left:26%;bottom:9%;animation-delay:-1.6s}.p5{left:48%;top:7%;animation-delay:-.7s}

.feature-strip { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 36px; background: rgba(8,13,28,.55); border: 1px solid var(--line); border-radius: 22px; overflow: hidden; backdrop-filter: blur(12px); }
.feature-strip article { padding: 30px 25px; display: flex; gap: 16px; border-right: 1px solid var(--line); position: relative; transition: .25s ease; }
.feature-strip article:last-child { border-right: 0; }
.feature-strip article::after { content: ''; position: absolute; left: 0; right: 100%; bottom: 0; height: 2px; background: linear-gradient(90deg,var(--blue),var(--white),var(--red)); transition: .35s ease; }
.feature-strip article:hover { background: rgba(255,255,255,.025); }
.feature-strip article:hover::after { right: 0; }
.feature-icon { width: 44px; height: 44px; border-radius: 13px; display: grid; place-items: center; color: #dce7ff; background: rgba(37,99,235,.08); border: 1px solid rgba(96,165,250,.12); flex: none; }
.feature-svg { width: 21px; height: 21px; }
.feature-strip small, .panel small, .identity-row small { color: #6e7b96; font-size: 8px; font-weight: 900; letter-spacing: .14em; }
.feature-strip h2 { font-size: 15px; margin: 4px 0 6px; }
.feature-strip p { color: #8490a8; font-size: 11px; line-height: 1.65; margin: 0; }

.identity-section { padding: 120px 0 105px; display: grid; grid-template-columns: .9fr 1.1fr; gap: 80px; align-items: center; }
.identity-copy h2 { font-family: 'Space Grotesk',sans-serif; font-size: clamp(42px,4.8vw,66px); line-height: 1; letter-spacing: -.055em; margin: 18px 0 18px; }
.identity-copy h2 em { font-style: normal; background: linear-gradient(90deg,#7ca9ff,#fff 47%,#ff808a); -webkit-background-clip:text; color:transparent; }
.identity-copy p { color: #8794ac; line-height: 1.75; max-width: 520px; font-size: 13px; }
.identity-card { border: 1px solid var(--line); background: linear-gradient(145deg,rgba(15,22,45,.82),rgba(7,12,25,.88)); border-radius: 26px; padding: 24px; box-shadow: 0 30px 80px rgba(0,0,0,.25); position: relative; overflow: hidden; }
.identity-card::before { content: ''; position: absolute; width: 220px; height: 220px; border-radius: 50%; background: var(--blue); filter: blur(100px); opacity: .08; left: -70px; top: -90px; }
.identity-row { display: grid; grid-template-columns: auto 1fr auto; gap: 14px; align-items: center; position: relative; }
.identity-logo { width: 52px; height: 52px; border-radius: 15px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.09); }
.discord-logo { color: #fff; background: rgba(88,101,242,.16); }
.minecraft-logo { color: #d9e8ff; background: rgba(37,99,235,.1); }
.identity-svg { width: 24px; height: 24px; }
.identity-row strong { display: block; margin: 3px 0; font-size: 13px; }
.identity-row span { color: #748199; font-size: 10px; }
.status-dot { width: 9px; height: 9px; border-radius: 50%; background: #546078; box-shadow: 0 0 0 5px rgba(84,96,120,.08); }
.status-dot.active { background: var(--green); box-shadow: 0 0 0 5px rgba(52,211,153,.09),0 0 16px rgba(52,211,153,.35); }
.identity-link { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 8px; margin: 20px 10px; }
.identity-link span { height: 1px; background: linear-gradient(90deg,transparent,rgba(255,255,255,.11)); }
.identity-link span:last-child { background: linear-gradient(90deg,rgba(255,255,255,.11),transparent); }
.identity-link i { width: 7px; height: 7px; border-radius: 50%; background: #dbe4f6; box-shadow: 0 0 18px rgba(255,255,255,.25); animation: linkPulse 2s ease-in-out infinite; }

.footer { min-height: 100px; border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 20px; color: #647087; font-size: 10px; }
.footer div { display: flex; flex-direction: column; gap: 3px; }
.footer strong { color: #b8c2d6; font-family:'Space Grotesk',sans-serif; font-size: 13px; }

.alert { margin: 8px 0 20px; border-radius: 13px; padding: 13px 16px; font-size: 12px; border: 1px solid var(--line); background: rgba(255,255,255,.035); }
.alert-success { color: #a5e9cc; border-color: rgba(52,211,153,.2); background: rgba(52,211,153,.06); }
.alert-error { color: #ffadb4; border-color: rgba(239,51,64,.22); background: rgba(239,51,64,.07); }
.alert-info { color: #bac4d8; }

.account-page { padding: 70px 0 100px; }
.account-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 32px; }
.account-heading h1 { font-family:'Space Grotesk',sans-serif; font-size: clamp(48px,5vw,72px); margin: 11px 0 8px; letter-spacing: -.055em; }
.account-heading p { color: var(--muted); margin: 0; }
.account-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.panel { border: 1px solid var(--line); background: linear-gradient(145deg,rgba(14,21,43,.9),rgba(7,12,25,.92)); border-radius: var(--radius); padding: 25px; box-shadow: 0 24px 65px rgba(0,0,0,.22); }
.panel-title-row { display: flex; align-items: start; justify-content: space-between; gap: 20px; }
.panel h2 { margin: 5px 0 0; font-size: 20px; }
.status-pill { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; font-size: 8px; text-transform: uppercase; font-weight: 900; letter-spacing: .08em; padding: 7px 9px; border-radius: 999px; border: 1px solid var(--line); color: #a8b2c5; background: rgba(255,255,255,.035); }
.status-ok { color: #8ee2bc; border-color: rgba(52,211,153,.16); background: rgba(52,211,153,.06); }
.status-warn { color: #f7cb6a; border-color: rgba(251,191,36,.16); background: rgba(251,191,36,.06); }
.status-icon { width: 11px; height: 11px; }
.profile-card { display: flex; align-items: center; gap: 16px; margin: 25px 0 15px; padding: 17px; border-radius: 18px; background: rgba(88,101,242,.055); border: 1px solid rgba(88,101,242,.12); }
.profile-avatar-wrap { width: 72px; height: 72px; flex: 0 0 72px; position: relative; }
.profile-avatar-hidden { display: none; }
.discord-identity { min-width: 0; }
.discord-handle { display: inline-flex; align-items: center; gap: 6px; margin: 1px 0 6px; padding: 4px 7px; border-radius: 8px; background: rgba(255,255,255,.025); border: 1px solid rgba(255,255,255,.045); color: #7f899e; font-size: 9px; }
.discord-handle span { color: #59647b; text-transform: uppercase; letter-spacing: .09em; font-size: 7px; font-weight: 800; }
.discord-handle strong { color: #9fa9bd; font-size: 10px; font-weight: 650; }
.link-discord-hint { display: inline-flex; align-items: center; gap: 7px; margin: 20px 0 2px; padding: 6px 9px; border-radius: 9px; background: rgba(88,101,242,.045); border: 1px solid rgba(88,101,242,.08); color: #6f7b93; font-size: 9px; }
.link-discord-hint > span:not(.link-discord-icon) { text-transform: uppercase; letter-spacing: .08em; font-size: 7px; font-weight: 800; color: #566178; }
.link-discord-hint strong { color: #96a2b9; font-size: 9px; font-weight: 650; }
.link-discord-icon { display: inline-flex; color: #7289ff; }
.link-discord-svg { width: 13px; height: 13px; display: block; }
.profile-avatar { width: 72px; height: 72px; border-radius: 20px; object-fit: cover; }
.profile-avatar-fallback { display: grid; place-items: center; background: var(--discord); font-size: 25px; font-weight: 900; }
.profile-card h3 { margin: 0 0 4px; font-size: 18px; }
.profile-card p { color: #9ca6bc; margin: 0 0 5px; font-size: 12px; }
.profile-card code, .minecraft-linked code { color: #677289; font-size: 9px; word-break: break-all; }
.account-detail { display: grid; grid-template-columns: auto 1fr auto; gap: 11px; align-items: center; padding: 13px 14px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.02); }
.detail-icon { width: 35px; height: 35px; display: grid; place-items: center; color: #a8bcf4; border-radius: 11px; background: rgba(37,99,235,.08); }
.detail-svg { width: 17px; height: 17px; }
.account-detail strong { display: block; margin-top: 3px; font-size: 11px; word-break: break-all; }
.verified-badge { display: inline-flex; align-items: center; gap: 5px; color: #79d9ac; font-size: 8px; font-weight: 850; }
.panel-note { color: #77839b; font-size: 10px; line-height: 1.6; margin: 13px 0 0; }
.link-steps { display: grid; gap: 10px; margin: 23px 0 20px; }
.step { display: grid; grid-template-columns: 28px 1fr; align-items: center; gap: 10px; color: #9aa5ba; font-size: 11px; }
.step b { width: 28px; height: 28px; border-radius: 9px; display: grid; place-items: center; color: #dce6ff; background: rgba(37,99,235,.08); border: 1px solid rgba(96,165,250,.12); }
.step code { color: #9db9ff; }
.link-code-box { border-radius: 17px; padding: 17px; background: rgba(37,99,235,.05); border: 1px solid rgba(96,165,250,.12); margin-bottom: 12px; }
.link-code-row { display: flex; justify-content: space-between; align-items: center; gap: 14px; margin: 8px 0 5px; }
.link-code-row strong { font-size: 29px; letter-spacing: .18em; color: #c8d8ff; }
.copy-icon { border: 1px solid rgba(96,165,250,.14); background: rgba(37,99,235,.07); color: #b9cdfd; border-radius: 10px; padding: 8px 10px; font-size: 9px; font-weight: 850; display: inline-flex; align-items: center; gap: 6px; }
.copy-svg { width: 14px; height: 14px; }
.link-code-box p { margin: 0; color: #718099; font-size: 9px; }
.minecraft-linked { display: flex; align-items: center; gap: 14px; padding: 24px 0 27px; }
.minecraft-head { width: 60px; height: 60px; border-radius: 16px; display: grid; place-items: center; color: #dce7ff; background: linear-gradient(145deg,rgba(37,99,235,.14),rgba(239,51,64,.05)); border: 1px solid var(--line); }
.minecraft-svg { width: 27px; height: 27px; }
.minecraft-linked h3 { margin: 4px 0; font-size: 18px; }
.security-panel { margin-top: 18px; display: grid; grid-template-columns: auto .55fr 1fr; gap: 18px; align-items: center; }
.security-icon { width: 48px; height: 48px; border-radius: 15px; display: grid; place-items: center; color: #bcd0ff; background: rgba(37,99,235,.08); border: 1px solid rgba(96,165,250,.12); }
.security-svg { width: 22px; height: 22px; }
.security-panel p { color: #828da3; font-size: 11px; line-height: 1.65; margin: 0; }

[data-reveal] { opacity: 0; transform: translateY(20px); transition: opacity .75s cubic-bezier(.2,.7,.2,1), transform .75s cubic-bezier(.2,.7,.2,1); }
[data-reveal].is-visible { opacity: 1; transform: none; }

@keyframes spin { to { transform: rotate(360deg); } }
@keyframes orbitTilt { from { transform: translate(-50%,-50%) rotate(0deg); } to { transform: translate(-50%,-50%) rotate(360deg); } }
@keyframes corePulse { 0%,100%{box-shadow:inset 0 0 70px rgba(37,99,235,.16),0 0 85px rgba(37,99,235,.12),0 0 140px rgba(239,51,64,.05)} 50%{box-shadow:inset 0 0 85px rgba(37,99,235,.23),0 0 110px rgba(37,99,235,.19),0 0 175px rgba(239,51,64,.08)} }
@keyframes cardFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-9px)} }
@keyframes particleBlink { 0%,100%{opacity:.2;transform:scale(.6)} 50%{opacity:.9;transform:scale(1.3)} }
@keyframes linkPulse { 0%,100%{opacity:.45;transform:scale(.8)} 50%{opacity:1;transform:scale(1.25)} }
@keyframes gridDrift { to { background-position: 52px 52px,52px 52px; } }
@keyframes ambientFloat { from{transform:translate3d(0,0,0) scale(1)} to{transform:translate3d(40px,30px,0) scale(1.08)} }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .001ms !important; }
  [data-reveal] { opacity: 1; transform: none; }
}

@media (max-width: 940px) {
  .hero { grid-template-columns: 1fr; padding-top: 70px; }
  .hero-visual { min-height: 500px; margin-top: 10px; }
  .feature-strip { grid-template-columns: 1fr; }
  .feature-strip article { border-right: 0; border-bottom: 1px solid var(--line); }
  .feature-strip article:last-child { border-bottom: 0; }
  .identity-section { grid-template-columns: 1fr; gap: 38px; padding: 90px 0; }
  .account-grid { grid-template-columns: 1fr; }
  .security-panel { grid-template-columns: auto 1fr; }
  .security-panel p { grid-column: 1/-1; }
}

@media (max-width: 640px) {
  .container { width: min(100% - 26px,1180px); }
  .topbar { height: 78px; }
  .nav-link, .nav-account > span:last-child { display: none; }
  .brand-copy small { display: none; }
  .hero { padding-top: 45px; padding-bottom: 65px; }
  .hero h1 { font-size: 51px; }
  .hero-lead { font-size: 13px; }
  .hero-actions { display: grid; }
  .hero-actions .button, .server-copy { width: 100%; }
  .hero-proof { gap: 10px; }
  .hero-visual { min-height: 390px; transform: none !important; }
  .server-core { width: 165px; height: 165px; }
  .server-core strong { font-size: 48px; }
  .orbit-one { width: 250px; height: 250px; }
  .orbit-two { width: 330px; height: 230px; }
  .orbit-three { width: 370px; height: 300px; }
  .hero-card-float { min-width: 138px; padding: 11px 13px; }
  .float-one { left: -3%; top: 14%; }
  .float-two { right: -2%; top: 43%; }
  .float-three { left: 4%; bottom: 6%; }
  .identity-section { padding: 75px 0; }
  .identity-copy h2 { font-size: 42px; }
  .identity-card { padding: 18px; }
  .identity-row { grid-template-columns: auto 1fr; }
  .identity-row .status-dot { display: none; }
  .footer { flex-direction: column; align-items: flex-start; justify-content: center; padding: 25px 0; }
  .account-heading { align-items: flex-start; flex-direction: column; }
  .account-heading .button { width: 100%; }
  .panel { padding: 19px; }
  .profile-card { padding: 14px; }
  .profile-avatar { width: 60px; height: 60px; border-radius: 17px; }
  .profile-avatar-wrap { width: 60px; height: 60px; flex-basis: 60px; }
  .account-detail { grid-template-columns: auto 1fr; }
  .verified-badge { grid-column: 2; }
  .link-code-row strong { font-size: 24px; }
}

/* ===== FR-SMP V3.4 — Page compte ===== */
.account-page { padding-top: 54px; }
.account-heading { margin-bottom: 22px; }
.account-heading h1 { margin-bottom: 7px; }
.account-heading p { max-width: 680px; line-height: 1.65; }

.account-profile-hero {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  min-height: 168px;
  margin-bottom: 18px;
  padding: 26px 28px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 26px;
  background:
    radial-gradient(circle at 12% 20%, rgba(37,99,235,.18), transparent 24rem),
    radial-gradient(circle at 92% 70%, rgba(239,51,64,.10), transparent 26rem),
    linear-gradient(135deg, rgba(14,22,46,.96), rgba(7,12,25,.96));
  box-shadow: 0 28px 75px rgba(0,0,0,.25);
}
.account-profile-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(105deg, transparent 20%, rgba(255,255,255,.035) 48%, transparent 70%);
  transform: translateX(-120%);
  animation: accountSweep 7s ease-in-out infinite;
}
.account-profile-main { display: flex; align-items: center; gap: 18px; min-width: 0; position: relative; z-index: 1; }
.profile-avatar-wrap-large { width: 88px; height: 88px; flex-basis: 88px; }
.profile-avatar-large { width: 88px; height: 88px; border-radius: 24px; box-shadow: 0 0 0 3px rgba(255,255,255,.055), 0 18px 45px rgba(0,0,0,.32); }
.profile-online-dot { position: absolute; right: -2px; bottom: 3px; width: 15px; height: 15px; border-radius: 50%; background: var(--green); border: 3px solid #0b1226; box-shadow: 0 0 18px rgba(52,211,153,.45); }
.account-profile-copy { min-width: 0; }
.account-profile-copy > small { color: #697691; font-size: 8px; font-weight: 900; letter-spacing: .17em; }
.account-profile-copy h2 { margin: 4px 0 5px; font-family: 'Space Grotesk', sans-serif; font-size: clamp(27px,3vw,38px); letter-spacing: -.035em; }
.account-discord-handle { color: #8b97af; font-size: 12px; }
.account-profile-statuses { display: flex; gap: 10px; flex-wrap: wrap; position: relative; z-index: 1; }
.profile-status { min-width: 145px; display: flex; align-items: center; gap: 11px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.028); }
.profile-status-svg { width: 22px; height: 22px; color: #a7b9e9; }
.profile-status span { display: grid; gap: 1px; }
.profile-status small { color: #64718a; font-size: 7px; letter-spacing: .13em; font-weight: 900; }
.profile-status strong { font-size: 11px; }
.profile-status-discord { border-color: rgba(88,101,242,.16); background: rgba(88,101,242,.055); }
.profile-status-discord .profile-status-svg { color: #8290ff; }
.profile-status-minecraft.is-linked { border-color: rgba(52,211,153,.14); background: rgba(52,211,153,.045); }
.profile-status-minecraft.is-linked .profile-status-svg { color: #83ddb8; }

.account-grid-v2 { align-items: stretch; }
.account-grid-v2 > .panel { min-height: 100%; }
.account-info-list { display: grid; gap: 9px; margin-top: 22px; }
.account-info-row { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; min-height: 58px; padding: 10px 12px; border-radius: 14px; border: 1px solid rgba(255,255,255,.055); background: rgba(255,255,255,.018); transition: border-color .2s ease, transform .2s ease, background .2s ease; }
.account-info-row:hover { transform: translateX(2px); border-color: rgba(96,165,250,.12); background: rgba(37,99,235,.025); }
.account-info-row small { color: #65718a; font-size: 7px; font-weight: 900; letter-spacing: .13em; }
.account-info-row strong { display: block; margin-top: 3px; color: #dce4f4; font-size: 11px; word-break: break-word; }
.account-id-icon,.account-date-icon { font-family: 'Space Grotesk',sans-serif; font-weight: 800; font-size: 10px; letter-spacing: -.02em; }
.mono-value { font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size: 10px !important; }

.minecraft-panel-v2 { position: relative; overflow: hidden; }
.minecraft-panel-v2::after { content:''; position:absolute; right:-90px; bottom:-100px; width:220px; height:220px; border-radius:50%; background:radial-gradient(circle,rgba(37,99,235,.09),transparent 68%); pointer-events:none; }
.minecraft-lookup-intro { position: relative; z-index: 1; display: flex; align-items: center; gap: 13px; margin: 22px 0 19px; padding: 15px; border-radius: 16px; border: 1px solid rgba(96,165,250,.10); background: rgba(37,99,235,.035); }
.minecraft-lookup-icon { width: 43px; height: 43px; flex: 0 0 43px; display: grid; place-items: center; border-radius: 13px; color: #bfd0ff; background: linear-gradient(145deg,rgba(37,99,235,.16),rgba(255,255,255,.025)); border: 1px solid rgba(96,165,250,.11); }
.minecraft-lookup-svg { width: 21px; height: 21px; }
.minecraft-lookup-intro strong { font-size: 12px; }
.minecraft-lookup-intro p { margin: 4px 0 0; color: #7c899f; font-size: 10px; line-height: 1.55; }
.minecraft-lookup-form { position: relative; z-index: 1; display: grid; gap: 10px; }
.minecraft-lookup-form label { color: #aeb9ce; font-size: 9px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.minecraft-lookup-field { height: 52px; display: grid; grid-template-columns: 44px 1fr; align-items: center; border-radius: 14px; border: 1px solid rgba(255,255,255,.085); background: #070c1c; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.minecraft-lookup-field:focus-within { transform: translateY(-1px); border-color: rgba(96,165,250,.42); box-shadow: 0 0 0 4px rgba(37,99,235,.08),0 13px 34px rgba(0,0,0,.18); }
.minecraft-lookup-field > span { height: 100%; display: grid; place-items: center; color: #8199d6; border-right: 1px solid rgba(255,255,255,.06); }
.lookup-input-svg { width: 19px; height: 19px; }
.minecraft-lookup-field input { width: 100%; height: 100%; border: 0; outline: 0; background: transparent; color: #f4f7ff; padding: 0 14px; font: 700 14px 'Space Grotesk',sans-serif; letter-spacing: .01em; }
.minecraft-lookup-field input::placeholder { color: #4f5c74; font-weight: 500; }
.link-discord-hint-bottom { margin-top: 14px; }

.minecraft-profile-card { position: relative; z-index: 1; display: grid; grid-template-columns: auto 1fr auto; gap: 15px; align-items: center; margin: 23px 0 10px; padding: 19px; border-radius: 18px; border: 1px solid rgba(52,211,153,.12); background: linear-gradient(135deg,rgba(52,211,153,.055),rgba(37,99,235,.035)); }
.minecraft-profile-head-wrap { width: 72px; height: 72px; display: grid; place-items: center; flex: 0 0 72px; }
.minecraft-profile-head { width: 72px; height: 72px; object-fit: contain; image-rendering: pixelated; filter: drop-shadow(0 10px 14px rgba(0,0,0,.28)); transition: transform .25s ease, filter .25s ease; }
.minecraft-profile-card:hover .minecraft-profile-head { transform: translateY(-2px) rotate(-2deg) scale(1.04); filter: drop-shadow(0 14px 18px rgba(0,0,0,.34)); }
.minecraft-profile-mark { width: 60px; height: 60px; display: grid; place-items: center; border-radius: 16px; color: #d7e3ff; background: rgba(37,99,235,.09); border: 1px solid rgba(96,165,250,.11); }
.minecraft-profile-fallback { display: none; }
.minecraft-profile-svg { width: 28px; height: 28px; }
.minecraft-profile-copy { min-width: 0; }
.minecraft-profile-copy > small { color: #6f7d94; font-size: 7px; font-weight: 900; letter-spacing: .13em; }
.minecraft-profile-copy h3 { margin: 4px 0 9px; font-size: 21px; font-family:'Space Grotesk',sans-serif; }
.minecraft-uuid-label { display: block; color: #56637a; font-size: 7px; font-weight: 900; letter-spacing:.12em; margin-bottom:3px; }
.minecraft-profile-copy code { display: block; color: #8794aa; font-size: 9px; word-break: break-all; }
.minecraft-linked-check { width: 32px; height: 32px; display: grid; place-items: center; color: #7fe0b7; border-radius: 50%; background: rgba(52,211,153,.07); border: 1px solid rgba(52,211,153,.13); }
.minecraft-check-svg { width: 17px; height: 17px; }
.minecraft-linked-date { margin: 0 0 14px; color: #637089; font-size: 9px; }
.account-help-panel { margin-top: 18px; }
.account-help-panel h2 { font-size: 17px; }

@keyframes accountSweep { 0%,48%{transform:translateX(-120%)} 70%,100%{transform:translateX(120%)} }

@media (max-width: 820px) {
  .account-profile-hero { align-items: flex-start; flex-direction: column; }
  .account-profile-statuses { width: 100%; }
  .profile-status { flex: 1; }
}
@media (max-width: 640px) {
  .account-page { padding-top: 38px; }
  .account-profile-hero { padding: 20px; border-radius: 21px; }
  .profile-avatar-wrap-large { width: 70px; height: 70px; flex-basis: 70px; }
  .profile-avatar-large { width: 70px; height: 70px; border-radius: 20px; }
  .account-profile-copy h2 { font-size: 26px; }
  .account-profile-statuses { display: grid; grid-template-columns: 1fr 1fr; }
  .profile-status { min-width: 0; padding: 10px; }
  .profile-status-svg { width: 18px; height: 18px; }
  .account-info-row { grid-template-columns: auto 1fr; }
  .account-info-row .verified-badge { grid-column: 2; }
  .minecraft-profile-card { grid-template-columns: auto 1fr; }
  .minecraft-profile-head-wrap { width: 62px; height: 62px; }
  .minecraft-profile-head { width: 62px; height: 62px; }
  .minecraft-linked-check { display: none; }
}

/* =========================
   FR-SMP V4 — polish + compte
   ========================= */

.hero-v4 { min-height: 720px; }
.hero-title-wrap { position: relative; width: fit-content; }
.hero-fr-stamp {
  position: absolute; right: -54px; top: 2px; font-family: 'Space Grotesk', sans-serif;
  font-size: 11px; font-weight: 900; letter-spacing: .08em; color: rgba(255,255,255,.42);
  border: 1px solid rgba(255,255,255,.11); border-radius: 8px; padding: 7px 8px;
  transform: rotate(7deg); background: rgba(255,255,255,.025); backdrop-filter: blur(10px);
}
.hero-visual-v4::before {
  content: ''; position: absolute; inset: 9% 8% 8%; border-radius: 50%;
  background: radial-gradient(circle, rgba(58,111,255,.12), transparent 56%);
  filter: blur(10px); pointer-events: none;
}
.hero-tricolor-halo {
  position: absolute; width: 430px; height: 430px; left: 50%; top: 50%;
  transform: translate(-50%,-50%); border-radius: 50%; opacity: .2; filter: blur(30px);
  background: conic-gradient(from 215deg, var(--blue), transparent 32%, rgba(255,255,255,.85) 49%, transparent 62%, var(--red));
  animation: haloRotate 18s linear infinite;
}
.server-core-v4 { box-shadow: inset 0 0 70px rgba(37,99,235,.18), 0 0 95px rgba(37,99,235,.14), 0 0 120px rgba(239,51,64,.08); }
.hero-proof-v4 span { padding: 7px 9px; border-radius: 999px; border: 1px solid rgba(255,255,255,.06); background: rgba(255,255,255,.025); }

.ticker-wrap {
  width: 100%; overflow: hidden; border-top: 1px solid rgba(255,255,255,.055); border-bottom: 1px solid rgba(255,255,255,.055);
  background: rgba(7,11,24,.58); backdrop-filter: blur(12px); mask-image: linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);
}
.ticker-track {
  width: max-content; display: flex; align-items: center; gap: 24px; padding: 13px 0;
  color: #74819b; font-size: 9px; font-weight: 900; letter-spacing: .2em; animation: tickerMove 26s linear infinite;
}
.ticker-track i { width: 4px; height: 4px; border-radius: 50%; background: linear-gradient(135deg,var(--blue),var(--red)); box-shadow: 0 0 12px rgba(96,165,250,.35); }
.feature-strip-v4 { margin-top: 72px; }
.identity-section-v4 { padding-top: 105px; }
.text-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 10px; color: #cdd9f2; font-size: 12px; font-weight: 850; }
.text-link:hover { color: #fff; }
.text-link-icon { width: 15px; height: 15px; }
.identity-card-v4 { overflow: hidden; isolation: isolate; }
.identity-card-shine { position: absolute; inset: -70% auto auto -20%; width: 270px; height: 270px; border-radius: 50%; background: var(--blue); filter: blur(100px); opacity: .09; z-index: -1; }
.profile-fr-logo { color: #fff; background: linear-gradient(135deg,rgba(37,99,235,.18),rgba(255,255,255,.06),rgba(239,51,64,.14)); }
.profile-fr-logo span { font-family: 'Space Grotesk', sans-serif; font-weight: 900; letter-spacing: -.04em; }

.join-cta {
  margin-bottom: 110px; min-height: 240px; padding: 38px 40px; border: 1px solid rgba(255,255,255,.085); border-radius: 28px;
  background: linear-gradient(120deg,rgba(14,22,47,.9),rgba(8,13,29,.92)); box-shadow: 0 30px 90px rgba(0,0,0,.26);
  display: flex; align-items: center; justify-content: space-between; gap: 34px; position: relative; overflow: hidden;
}
.join-cta::before { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(37,99,235,.05),transparent 42%,rgba(239,51,64,.045)); pointer-events: none; }
.join-cta-glow { position: absolute; width: 320px; height: 320px; border-radius: 50%; right: 16%; bottom: -220px; background: #2f6ff3; filter: blur(95px); opacity: .13; }
.join-cta > div { position: relative; z-index: 1; }
.join-cta h2 { margin: 11px 0 8px; font-family:'Space Grotesk',sans-serif; font-size: clamp(31px,3.7vw,50px); letter-spacing: -.045em; }
.join-cta p { margin: 0; color: #8794ac; font-size: 12px; }
.join-cta-actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }

/* Account V4 */
.account-page-v4 { padding-top: 58px; }
.account-heading-v4 { margin-bottom: 26px; }
.account-heading-v4 h1 { margin-bottom: 7px; }
.account-alert { margin-bottom: 18px; }

.player-banner {
  min-height: 190px; border: 1px solid rgba(255,255,255,.09); border-radius: 28px;
  padding: 30px; margin-bottom: 22px; display: flex; align-items: center; justify-content: space-between; gap: 28px;
  background: linear-gradient(125deg,rgba(14,23,49,.96),rgba(8,13,28,.94)); box-shadow: 0 28px 90px rgba(0,0,0,.27);
  position: relative; overflow: hidden; isolation: isolate; transition:border-color .25s ease, box-shadow .25s ease;
}
.player-banner:hover { border-color:rgba(120,154,255,.15); box-shadow:0 34px 100px rgba(0,0,0,.3); }
.player-banner::before { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(37,99,235,.055),transparent 45%,rgba(239,51,64,.045)); z-index: -1; }
.player-banner::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: linear-gradient(90deg,var(--blue),rgba(255,255,255,.75),var(--red)); opacity: .75; }
.player-banner-glow { position: absolute; width: 240px; height: 240px; border-radius: 50%; filter: blur(100px); opacity: .12; z-index: -1; }
.player-banner-glow-blue { left: -80px; top: -100px; background: var(--blue); }
.player-banner-glow-red { right: -90px; bottom: -120px; background: var(--red); }
.player-banner-main { display: flex; align-items: center; gap: 19px; min-width: 0; }
.player-avatar-shell { width: 104px; height: 104px; flex: 0 0 104px; position: relative; }
.player-avatar {
  width: 104px; height: 104px; border-radius: 29px; object-fit: cover; display: grid; place-items: center;
  box-shadow: 0 18px 45px rgba(0,0,0,.34), 0 0 0 1px rgba(255,255,255,.11), 0 0 0 5px rgba(255,255,255,.025);
}
.player-avatar-fallback { background: linear-gradient(135deg,#5865f2,#3842a8); color: #fff; font-size: 34px; font-weight: 900; }
.player-avatar-online { position: absolute; right: -2px; bottom: 4px; width: 19px; height: 19px; border-radius: 50%; background: var(--green); border: 4px solid #0c142b; box-shadow: 0 0 18px rgba(52,211,153,.45); }
.player-kicker { color: #74819b; font-size: 8px; font-weight: 900; letter-spacing: .18em; }
.player-banner-copy h2 { margin: 3px 0 6px; font-family:'Space Grotesk',sans-serif; font-size: clamp(31px,4vw,48px); letter-spacing: -.045em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.player-handle { display: inline-flex; align-items: center; gap: 7px; color: #96a3bc; font-size: 12px; }
.player-handle-icon { width: 15px; height: 15px; color: #7885ff; }
.player-banner-statuses { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.player-service { min-width: 160px; padding: 13px 14px; border: 1px solid rgba(255,255,255,.07); border-radius: 16px; display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; background: rgba(255,255,255,.025); }
.player-service-icon { width: 36px; height: 36px; border-radius: 11px; display: grid; place-items: center; }
.discord-service { color: #fff; background: rgba(88,101,242,.16); }
.minecraft-service { color: #d8e7ff; background: rgba(37,99,235,.1); }
.player-service-svg { width: 18px; height: 18px; }
.player-service small { display: block; color: #66738c; font-size: 7px; font-weight: 900; letter-spacing: .14em; }
.player-service strong { font-size: 11px; }
.service-light { width: 8px; height: 8px; border-radius: 50%; background: #46516a; box-shadow: 0 0 0 5px rgba(70,81,106,.08); }
.player-service.is-online .service-light { background: var(--green); box-shadow: 0 0 0 5px rgba(52,211,153,.08),0 0 16px rgba(52,211,153,.36); }

.account-dashboard-grid { display: grid; grid-template-columns: .94fr 1.06fr; gap: 20px; align-items: stretch; }
.dashboard-card {
  border: 1px solid rgba(255,255,255,.085); border-radius: 25px; background: linear-gradient(145deg,rgba(13,20,42,.9),rgba(8,13,27,.94));
  padding: 26px; box-shadow: 0 22px 65px rgba(0,0,0,.19); position: relative; overflow: hidden; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.dashboard-card:hover { transform: translateY(-2px); border-color: rgba(120,154,255,.14); box-shadow: 0 30px 80px rgba(0,0,0,.24); }
.dashboard-card::before { content: ''; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 0 0,rgba(82,123,255,.055),transparent 42%); }
.dashboard-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; position: relative; z-index: 1; }
.dashboard-card-head > div > small { color: #6d7992; font-size: 8px; font-weight: 900; letter-spacing: .15em; }
.dashboard-card-head h2 { margin: 4px 0 0; font-family:'Space Grotesk',sans-serif; font-size: 21px; letter-spacing: -.02em; }

.discord-profile-compact { margin: 22px 0 16px; padding: 15px; border-radius: 17px; display: flex; align-items: center; gap: 12px; background: rgba(88,101,242,.055); border: 1px solid rgba(88,101,242,.105); position: relative; z-index: 1; }
.discord-avatar-small { width: 50px; height: 50px; flex: 0 0 50px; position: relative; overflow: hidden; border-radius: 15px; }
.discord-avatar-small img, .discord-avatar-small span { position: absolute; inset: 0; width: 50px; height: 50px; border-radius: 15px; object-fit: cover; display: grid; place-items: center; background: linear-gradient(135deg,#5865f2,#4650c8); color:#fff; font-weight: 900; }
.discord-profile-compact strong { display: block; font-size: 13px; margin-bottom: 2px; }
.discord-profile-compact > div:last-child span { color: #8290ab; font-size: 10px; }
.detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; position: relative; z-index: 1; }
.detail-email { grid-column: 1 / -1; }
.detail-id, .detail-member { min-width: 0; }
.detail-tile { min-height: 68px; display: grid; grid-template-columns: auto 1fr auto; gap: 11px; align-items: center; padding: 12px; border-radius: 15px; background: rgba(255,255,255,.025); border: 1px solid rgba(255,255,255,.055); }
.detail-tile-wide { grid-template-columns: auto 1fr; }
.detail-member { grid-template-columns: auto 1fr; }
.detail-tile-icon { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; background: rgba(37,99,235,.075); color: #a8c1ff; font-size: 9px; font-weight: 900; }
.detail-tile-svg { width: 17px; height: 17px; }
.detail-id-icon { color: #d9dfec; background: rgba(255,255,255,.045); }
.detail-fr-icon { color: #fff; background: linear-gradient(135deg,rgba(37,99,235,.22),rgba(239,51,64,.16)); }
.detail-tile small { display: block; color: #67748e; font-size: 7px; font-weight: 900; letter-spacing: .12em; margin-bottom: 3px; }
.detail-tile strong { display: block; color: #d9e0ee; font-size: 11px; overflow-wrap: anywhere; }
.mini-verified { display: inline-flex; align-items: center; gap: 4px; color: #91e2c2; font-size: 8px; font-weight: 850; }
.mini-verified-svg { width: 11px; height: 11px; }

.minecraft-card-v4::after { content: ''; position: absolute; width: 260px; height: 260px; border-radius: 50%; right: -130px; bottom: -150px; background: #2563eb; filter: blur(95px); opacity: .06; pointer-events: none; }
.minecraft-is-linked { border-color: rgba(52,211,153,.11); }
.minecraft-showcase { display: grid; grid-template-columns: 190px 1fr; gap: 24px; align-items: center; margin: 18px 0 15px; padding: 20px; border-radius: 20px; background: linear-gradient(135deg,rgba(37,99,235,.055),rgba(52,211,153,.035)); border: 1px solid rgba(96,165,250,.09); position: relative; z-index: 1; }
.minecraft-stage { min-height: 190px; position: relative; display: grid; place-items: center; align-content: center; isolation: isolate; padding-bottom: 18px; }
.minecraft-stage::before { content: ''; position: absolute; width: 112px; height: 30px; border-radius: 50%; bottom: 7px; background: rgba(0,0,0,.44); filter: blur(13px); z-index: -1; }
.minecraft-stage::after { content: ''; position: absolute; width: 125px; height: 125px; border-radius: 50%; background: radial-gradient(circle,rgba(96,165,250,.15),transparent 68%); z-index: -2; animation: headGlow 3.8s ease-in-out infinite; }
.minecraft-stage-ring { position: absolute; border-radius: 50%; border: 1px solid rgba(96,165,250,.11); z-index: -2; }
.ring-a { width: 145px; height: 145px; animation: spin 18s linear infinite; }
.ring-b { width: 120px; height: 92px; transform: rotate(-20deg); border-color: rgba(52,211,153,.1); animation: orbitTilt 21s linear infinite reverse; }
.minecraft-real-head { width: 158px; height: 158px; object-fit: contain; image-rendering: pixelated; opacity:0; transition:opacity .28s ease; filter: drop-shadow(0 19px 20px rgba(0,0,0,.38)); animation: minecraftHeadFloat 4s ease-in-out infinite; transform-origin: center bottom; }
.minecraft-real-head.is-loaded { opacity:1; }
.minecraft-head-fallback { width: 132px; height: 132px; border-radius: 25px; display: grid; place-items: center; align-content:center; gap:8px; color: #a9bcdf; background: rgba(37,99,235,.075); border: 1px solid rgba(96,165,250,.12); }
.minecraft-head-fallback-svg { width: 42px; height: 42px; }
.minecraft-head-fallback span { font-size:8px; font-weight:800; color:#74839f; }
.minecraft-skin-caption { position:absolute; bottom:0; left:50%; transform:translateX(-50%); white-space:nowrap; color:#56647e; font-size:7px; font-weight:850; letter-spacing:.08em; }
.minecraft-name-line { display:flex; align-items:center; gap:9px; flex-wrap:wrap; }
.minecraft-java-badge { display:inline-flex; align-items:center; justify-content:center; padding:4px 7px; border-radius:999px; color:#94e3c4; background:rgba(52,211,153,.075); border:1px solid rgba(52,211,153,.14); font-size:7px; font-weight:900; letter-spacing:.12em; }
.minecraft-showcase-copy { min-width: 0; }
.minecraft-label { color: #6e7c97; font-size: 7px; font-weight: 900; letter-spacing: .15em; }
.minecraft-showcase-copy h3 { margin: 4px 0 15px; font-family:'Space Grotesk',sans-serif; font-size: clamp(26px,3vw,36px); letter-spacing: -.035em; }
.minecraft-meta-row { padding: 10px 11px; border-radius: 12px; background: rgba(255,255,255,.025); border: 1px solid rgba(255,255,255,.05); }
.minecraft-meta-row span { display: block; color: #63718c; font-size: 7px; font-weight: 900; letter-spacing: .13em; margin-bottom: 3px; }
.minecraft-meta-row code { color: #9eabc2; font-size: 9px; word-break: break-all; }
.minecraft-showcase-copy p { color: #66738b; font-size: 9px; margin: 10px 0 0; }
.minecraft-server-line { display: grid; grid-template-columns: auto 1fr auto; gap: 11px; align-items: center; padding: 12px 13px; margin-bottom: 12px; border-radius: 15px; background: rgba(255,255,255,.025); border: 1px solid rgba(255,255,255,.055); position: relative; z-index: 1; }
.minecraft-server-svg { width: 19px; height: 19px; color: #8eb1ff; }
.minecraft-server-line small { display: block; color: #66738c; font-size: 7px; font-weight: 900; letter-spacing: .12em; }
.minecraft-server-line strong { font-size: 11px; }
.copy-mini { border: 1px solid rgba(255,255,255,.07); background: rgba(255,255,255,.03); color: #acb7cb; border-radius: 10px; padding: 8px 9px; display: inline-flex; align-items: center; gap: 6px; font-size: 8px; font-weight: 850; }
.copy-mini:hover { color: #fff; background: rgba(255,255,255,.05); }
.copy-mini-svg { width: 12px; height: 12px; }

.minecraft-connect-hero { margin: 22px 0 18px; padding: 16px; border-radius: 17px; display: flex; gap: 13px; align-items: center; background: linear-gradient(135deg,rgba(37,99,235,.06),rgba(239,51,64,.025)); border: 1px solid rgba(96,165,250,.09); position: relative; z-index: 1; }
.minecraft-connect-mark { width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; color: #c8d8f8; background: rgba(37,99,235,.1); flex: 0 0 48px; }
.minecraft-connect-svg { width: 24px; height: 24px; }
.minecraft-connect-hero strong { display: block; font-size: 12px; }
.minecraft-connect-hero p { margin: 4px 0 0; color: #78869f; font-size: 10px; line-height: 1.6; }
.minecraft-lookup-form-v4 { position: relative; z-index: 1; }
.minecraft-lookup-field-v4 { background: rgba(3,8,19,.48); }
.connected-as { margin-top: 12px; padding: 11px 12px; display: flex; align-items: center; gap: 7px; color: #6e7b94; font-size: 9px; border-radius: 12px; border: 1px dashed rgba(255,255,255,.065); }
.connected-as strong { color: #a7b1c5; margin-left: auto; }
.connected-as-svg { width: 14px; height: 14px; color: #7784ff; }

.account-bottom-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; margin-top: 20px; }
.account-mini-card { min-height: 124px; padding: 18px; border-radius: 19px; border: 1px solid rgba(255,255,255,.07); background: rgba(10,16,34,.65); display: flex; gap: 13px; align-items: flex-start; }
.account-mini-icon { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; flex: 0 0 40px; color: #9bb8f7; background: rgba(37,99,235,.075); }
.account-mini-svg { width: 19px; height: 19px; }
.account-mini-card small { color: #64718a; font-size: 7px; font-weight: 900; letter-spacing: .13em; }
.account-mini-card h3 { margin: 4px 0 5px; font-size: 12px; }
.account-mini-card p { margin: 0; color: #748198; font-size: 9px; line-height: 1.55; }

@keyframes haloRotate { to { transform: translate(-50%,-50%) rotate(360deg); } }
@keyframes tickerMove { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes minecraftHeadFloat { 0%,100% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-7px) rotate(1.5deg); } }
@keyframes headGlow { 0%,100% { opacity: .75; transform: scale(.94); } 50% { opacity: 1; transform: scale(1.05); } }

@media (max-width: 980px) {
  .join-cta { flex-direction: column; align-items: flex-start; }
  .join-cta-actions { justify-content: flex-start; }
  .player-banner { align-items: flex-start; flex-direction: column; }
  .player-banner-statuses { width: 100%; justify-content: flex-start; }
  .account-dashboard-grid { grid-template-columns: 1fr; }
  .account-bottom-grid { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  .hero-fr-stamp { right: 0; top: -26px; }
  .ticker-wrap { margin-top: 10px; }
  .join-cta { padding: 28px 22px; margin-bottom: 80px; border-radius: 22px; }
  .join-cta-actions, .join-cta-actions .button { width: 100%; }
  .account-page-v4 { padding-top: 38px; }
  .player-banner { padding: 20px; border-radius: 22px; }
  .player-avatar-shell, .player-avatar { width: 76px; height: 76px; flex-basis: 76px; border-radius: 22px; }
  .player-avatar-online { width: 16px; height: 16px; border-width: 3px; }
  .player-banner-copy h2 { font-size: 28px; }
  .player-banner-statuses { display: grid; grid-template-columns: 1fr 1fr; }
  .player-service { min-width: 0; }
  .dashboard-card { padding: 19px; border-radius: 21px; }
  .minecraft-showcase { grid-template-columns: 1fr; text-align: center; }
  .minecraft-meta-row { text-align: left; }
  .minecraft-stage { min-height: 175px; }
  .minecraft-real-head { width: 145px; height: 145px; }
  .detail-grid { grid-template-columns: 1fr; }
  .detail-email { grid-column:auto; }
  .detail-tile { grid-template-columns: auto 1fr; }
  .detail-tile .mini-verified { grid-column: 2; justify-self: start; }
  .connected-as { flex-wrap: wrap; }
  .connected-as strong { width: 100%; margin-left: 21px; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-tricolor-halo, .ticker-track, .minecraft-real-head, .minecraft-stage::after { animation: none !important; }
}


/* V4.1 polish */
.player-service, .detail-tile, .minecraft-server-line, .discord-profile-compact { transition: border-color .2s ease, background .2s ease, transform .2s ease; }
.player-service:hover, .detail-tile:hover, .minecraft-server-line:hover, .discord-profile-compact:hover { border-color: rgba(119,151,255,.13); background: rgba(255,255,255,.035); }
.minecraft-stage-ring { pointer-events:none; }
@media (hover:hover) and (pointer:fine) {
  .minecraft-real-head:hover { animation-play-state: paused; transform: translateY(-4px) scale(1.045) rotate(1deg); }
}

/* =========================
   FR-SMP V4.2 — compact + premium
   ========================= */

.topbar { height: 78px; }

/* Home */
.home-hero-v42 {
  display: grid;
  grid-template-columns: 1.08fr .92fr;
  gap: 34px;
  align-items: center;
  min-height: 505px;
  padding: 46px 0 54px;
  position: relative;
}
.home-hero-v42::after {
  content: '';
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 1px;
  background: linear-gradient(90deg,rgba(37,99,235,.34),rgba(255,255,255,.1),rgba(239,51,64,.32));
}
.home-hero-copy h1 {
  margin: 17px 0 18px;
  max-width: 660px;
  font-family: 'Space Grotesk',sans-serif;
  font-size: clamp(42px,5.15vw,68px);
  line-height: .98;
  letter-spacing: -.055em;
}
.home-hero-copy h1 em {
  font-style: normal;
  background: linear-gradient(95deg,#78aaff 0%,#fff 52%,#ff8993 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.home-hero-copy > p {
  max-width: 610px;
  margin: 0;
  color: #98a5bc;
  font-size: 14px;
  line-height: 1.72;
}
.home-hero-actions { display:flex; align-items:stretch; flex-wrap:wrap; gap:10px; margin-top:26px; }
.server-copy-v42 { min-width: 252px; }
.home-mini-proof { display:flex; flex-wrap:wrap; gap:8px; margin-top:17px; }
.home-mini-proof span {
  display:inline-flex; align-items:center; gap:6px;
  padding:6px 9px; border-radius:999px;
  color:#75829b; font-size:9px; font-weight:750;
  background:rgba(255,255,255,.022); border:1px solid rgba(255,255,255,.055);
}

.home-hero-card {
  min-height: 340px;
  border-radius: 27px;
  border: 1px solid rgba(255,255,255,.09);
  background: linear-gradient(145deg,rgba(14,22,47,.92),rgba(8,12,27,.94));
  box-shadow: 0 24px 75px rgba(0,0,0,.32);
  position:relative; overflow:hidden; isolation:isolate;
  display:grid; grid-template-columns:150px 1fr; align-items:center; gap:24px;
  padding:34px;
  transition:transform .25s ease-out,border-color .25s ease;
}
.home-hero-card:hover { border-color:rgba(120,154,255,.17); }
.home-card-glow { position:absolute; width:220px; height:220px; border-radius:50%; filter:blur(85px); z-index:-1; opacity:.13; }
.home-card-glow-blue { left:-80px; top:-80px; background:#2563eb; }
.home-card-glow-red { right:-90px; bottom:-100px; background:#ef3340; }
.home-fr-logo {
  width:140px; height:140px; border-radius:34px;
  display:grid; place-content:center; text-align:center;
  border:1px solid rgba(255,255,255,.12);
  background:radial-gradient(circle at 40% 30%,#172a59,#0a1128 66%,#070b18);
  box-shadow:inset 0 0 50px rgba(37,99,235,.14),0 18px 45px rgba(0,0,0,.26);
  position:relative;
}
.home-fr-logo strong { font-family:'Space Grotesk',sans-serif; font-size:46px; line-height:.86; letter-spacing:-.07em; }
.home-fr-logo small { margin-top:7px; color:#7f8aa2; font-size:9px; font-weight:900; letter-spacing:.28em; }
.home-fr-flag { position:absolute; left:50%; top:18px; transform:translateX(-50%); width:43px; height:6px; border-radius:99px; overflow:hidden; display:grid; grid-template-columns:repeat(3,1fr); }
.home-fr-flag i:nth-child(1){background:var(--blue)} .home-fr-flag i:nth-child(2){background:#fff} .home-fr-flag i:nth-child(3){background:var(--red)}
.home-card-copy small { color:#65738e; font-size:8px; font-weight:900; letter-spacing:.15em; }
.home-card-copy strong { display:block; margin:6px 0 8px; font-family:'Space Grotesk',sans-serif; font-size:23px; line-height:1.08; }
.home-card-copy > span { display:block; color:#7f8ca4; font-size:11px; line-height:1.65; }
.home-card-tags { grid-column:1/-1; display:flex; flex-wrap:wrap; gap:8px; padding-top:18px; border-top:1px solid rgba(255,255,255,.06); }
.home-card-tags span { display:inline-flex; align-items:center; gap:7px; color:#98a5ba; font-size:9px; font-weight:800; padding:7px 9px; border-radius:10px; background:rgba(255,255,255,.025); border:1px solid rgba(255,255,255,.05); }

.home-features-v42 { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; padding:26px 0 0; }
.home-features-v42 article {
  min-height:150px; display:flex; gap:14px; padding:20px;
  border-radius:19px; border:1px solid rgba(255,255,255,.07);
  background:rgba(9,15,33,.62); transition:.22s ease;
}
.home-features-v42 article:hover { transform:translateY(-3px); border-color:rgba(115,150,255,.14); background:rgba(13,20,42,.74); }
.home-features-v42 .feature-icon { width:38px; height:38px; flex:0 0 38px; border-radius:11px; background:rgba(37,99,235,.08); padding:0; display:grid; place-items:center; color:#9db9f4; }
.home-features-v42 .feature-svg { width:19px; height:19px; }
.home-features-v42 small { color:#64718a; font-size:7px; font-weight:900; letter-spacing:.15em; }
.home-features-v42 h2 { margin:4px 0 7px; font-size:14px; }
.home-features-v42 p { margin:0; color:#77849c; font-size:10px; line-height:1.6; }

.home-account-v42 { display:grid; grid-template-columns:.9fr 1.1fr; gap:50px; align-items:center; padding:72px 0 64px; }
.home-account-copy h2 { margin:13px 0 13px; font-family:'Space Grotesk',sans-serif; font-size:clamp(30px,3.6vw,46px); line-height:1.03; letter-spacing:-.045em; }
.home-account-copy h2 em { font-style:normal; color:#9fbfff; }
.home-account-copy p { max-width:520px; margin:0 0 15px; color:#808da5; font-size:12px; line-height:1.72; }
.home-account-card { padding:20px; border-radius:22px; border:1px solid rgba(255,255,255,.08); background:rgba(11,17,36,.78); box-shadow:0 22px 60px rgba(0,0,0,.22); }
.home-account-step { display:grid; grid-template-columns:auto 1fr auto; gap:13px; align-items:center; padding:12px; }
.home-account-step .identity-logo { width:44px; height:44px; border-radius:13px; }
.home-account-step small { color:#61708b; font-size:8px; font-weight:900; letter-spacing:.14em; }
.home-account-step strong { display:block; margin:2px 0 3px; font-size:12px; }
.home-account-step p { margin:0; color:#78859c; font-size:9px; }
.home-account-divider { height:1px; margin:4px 11px; background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent); }

.home-join-v42 { margin-bottom:68px; display:flex; justify-content:space-between; align-items:center; gap:22px; padding:20px 22px; border-radius:20px; border:1px solid rgba(255,255,255,.075); background:linear-gradient(100deg,rgba(37,99,235,.07),rgba(255,255,255,.025),rgba(239,51,64,.055)); }
.home-join-v42 > div:first-child { display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; }
.home-join-v42 small { color:#6780b7; font-size:8px; font-weight:900; letter-spacing:.16em; }
.home-join-v42 strong { font-size:15px; }
.home-join-v42 span { color:#77849d; font-size:10px; }
.home-join-v42 > div:last-child { display:flex; gap:9px; flex-wrap:wrap; }

/* Profile */
.profile-page-v42 { padding:40px 0 72px; }
.profile-title-row { display:flex; justify-content:space-between; align-items:end; gap:20px; margin-bottom:20px; }
.profile-title-row h1 { margin:9px 0 4px; font-family:'Space Grotesk',sans-serif; font-size:clamp(34px,4vw,50px); letter-spacing:-.05em; }
.profile-title-row p { margin:0; color:#7f8ba2; font-size:11px; }
.profile-banner-v42 {
  min-height:150px; padding:24px 26px; border-radius:24px; overflow:hidden; position:relative; isolation:isolate;
  display:flex; align-items:center; justify-content:space-between; gap:24px;
  background:linear-gradient(120deg,rgba(17,31,67,.94),rgba(12,17,37,.96) 58%,rgba(44,17,35,.82));
  border:1px solid rgba(255,255,255,.085); box-shadow:0 22px 60px rgba(0,0,0,.25);
}
.profile-banner-glow { position:absolute; width:180px; height:180px; border-radius:50%; filter:blur(82px); z-index:-1; opacity:.13; }
.profile-banner-blue { left:-70px; top:-80px; background:#2563eb; }
.profile-banner-red { right:-70px; bottom:-90px; background:#ef3340; }
.profile-main-v42 { display:flex; align-items:center; gap:17px; min-width:0; }
.profile-discord-avatar { position:relative; width:88px; height:88px; flex:0 0 88px; border-radius:25px; padding:3px; background:linear-gradient(145deg,#f7f9ff,#4777ef,#ef5260); box-shadow:0 14px 36px rgba(0,0,0,.32); }
.profile-discord-avatar img,.profile-discord-avatar > span { width:100%; height:100%; border-radius:22px; object-fit:cover; display:grid; place-items:center; background:#5865f2; font-size:30px; font-weight:900; color:#fff; }
.profile-discord-avatar i { position:absolute; right:-2px; bottom:7px; width:16px; height:16px; border-radius:50%; background:#34d399; border:4px solid #0c1328; box-shadow:0 0 16px rgba(52,211,153,.35); }
.profile-main-copy small { color:#6f7d98; font-size:8px; font-weight:900; letter-spacing:.16em; }
.profile-main-copy h2 { margin:4px 0 6px; font-family:'Space Grotesk',sans-serif; font-size:34px; letter-spacing:-.045em; }
.profile-main-copy > div { display:flex; align-items:center; gap:7px; color:#9ba8bd; font-size:10px; }
.profile-service-list { display:flex; gap:9px; flex-wrap:wrap; justify-content:flex-end; }
.profile-service { min-width:156px; display:grid; grid-template-columns:auto 1fr auto; gap:9px; align-items:center; padding:11px 12px; border-radius:14px; border:1px solid rgba(255,255,255,.07); background:rgba(255,255,255,.027); }
.profile-service > span:first-child { width:34px; height:34px; border-radius:10px; display:grid; place-items:center; background:rgba(88,101,242,.12); color:#c9d1ff; }
.profile-service small { display:block; color:#61708a; font-size:7px; font-weight:900; letter-spacing:.13em; }
.profile-service strong { font-size:10px; }
.profile-service > i { width:8px; height:8px; border-radius:50%; background:#475166; }
.profile-service.is-online > i { background:#34d399; box-shadow:0 0 13px rgba(52,211,153,.5); }

.profile-grid-v42 { display:grid; grid-template-columns:.92fr 1.08fr; gap:16px; margin-top:16px; }
.profile-card-v42 { padding:22px; border-radius:22px; border:1px solid rgba(255,255,255,.075); background:rgba(9,15,33,.76); box-shadow:0 18px 50px rgba(0,0,0,.18); position:relative; overflow:hidden; }
.profile-card-head { display:flex; justify-content:space-between; align-items:start; gap:15px; margin-bottom:17px; }
.profile-card-head small { color:#64718a; font-size:7px; font-weight:900; letter-spacing:.15em; }
.profile-card-head h2 { margin:4px 0 0; font-size:18px; }
.profile-info-list { display:grid; gap:9px; }
.profile-info-row { min-height:58px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:11px; padding:10px 12px; border-radius:14px; border:1px solid rgba(255,255,255,.055); background:rgba(255,255,255,.022); }
.profile-info-icon { width:36px; height:36px; border-radius:10px; display:grid; place-items:center; color:#a8c2ff; background:rgba(37,99,235,.075); }
.profile-text-icon { color:#dce3f1; font-size:8px; font-weight:900; }
.profile-info-row small { display:block; color:#61708a; font-size:7px; font-weight:900; letter-spacing:.12em; margin-bottom:3px; }
.profile-info-row strong { display:block; color:#dce3ef; font-size:10px; overflow-wrap:anywhere; }
.verified-compact { display:inline-flex; align-items:center; gap:4px; color:#86dcb9; font-size:8px; }

.minecraft-profile-v42::after { content:''; position:absolute; width:230px; height:230px; right:-120px; bottom:-125px; border-radius:50%; background:#2563eb; filter:blur(90px); opacity:.055; pointer-events:none; }
.minecraft-profile-main-v42 { display:grid; grid-template-columns:145px 1fr; gap:20px; align-items:center; padding:16px; margin-bottom:10px; border-radius:18px; border:1px solid rgba(96,165,250,.09); background:linear-gradient(135deg,rgba(37,99,235,.055),rgba(52,211,153,.025)); position:relative; z-index:1; }
.minecraft-head-shell-v42 { width:132px; height:132px; position:relative; display:grid; place-items:center; border-radius:24px; background:rgba(5,10,24,.58); border:1px solid rgba(96,165,250,.11); isolation:isolate; }
.minecraft-head-backlight { position:absolute; inset:20px; border-radius:50%; background:#2b68eb; filter:blur(28px); opacity:.15; z-index:-1; }
.minecraft-real-head-v42 { width:102px; height:102px; object-fit:contain; image-rendering:pixelated; opacity:0; transition:opacity .2s ease,transform .25s ease; filter:drop-shadow(0 14px 16px rgba(0,0,0,.35)); }
.minecraft-real-head-v42.is-loaded { opacity:1; }
.minecraft-real-head-v42:hover { transform:scale(1.055) rotate(1deg); }
.minecraft-head-fallback-v42 { width:100px; height:100px; border-radius:20px; display:grid; place-items:center; align-content:center; gap:6px; color:#9db2dc; background:rgba(37,99,235,.06); }
.minecraft-head-fallback-v42 span { font-size:7px; color:#6e7c96; font-weight:800; }
.skin-official-badge { position:absolute; left:50%; bottom:-9px; transform:translateX(-50%); white-space:nowrap; display:inline-flex; align-items:center; gap:4px; padding:5px 7px; border-radius:999px; color:#8fdfc0; background:#0c1724; border:1px solid rgba(52,211,153,.15); font-size:7px; font-weight:850; }
.minecraft-profile-copy-v42 { min-width:0; }
.minecraft-profile-copy-v42 > small { color:#64718a; font-size:7px; font-weight:900; letter-spacing:.14em; }
.minecraft-profile-copy-v42 h3 { margin:4px 0 10px; font-family:'Space Grotesk',sans-serif; font-size:30px; letter-spacing:-.035em; }
.uuid-box-v42 { padding:9px 10px; border-radius:11px; background:rgba(255,255,255,.025); border:1px solid rgba(255,255,255,.05); }
.uuid-box-v42 span { display:block; color:#5f6d86; font-size:7px; font-weight:900; letter-spacing:.12em; margin-bottom:2px; }
.uuid-box-v42 code { color:#98a5bb; font-size:8px; word-break:break-all; }
.minecraft-profile-copy-v42 p { margin:8px 0 0; color:#647189; font-size:8px; }
.minecraft-server-v42 { display:grid; grid-template-columns:auto 1fr auto; gap:10px; align-items:center; padding:10px 11px; margin:10px 0; border-radius:13px; border:1px solid rgba(255,255,255,.055); background:rgba(255,255,255,.022); position:relative; z-index:1; }
.minecraft-server-v42 small { display:block; color:#62708a; font-size:7px; font-weight:900; letter-spacing:.12em; }
.minecraft-server-v42 strong { font-size:10px; }

.minecraft-connect-v42 { display:flex; align-items:center; gap:12px; padding:14px; border-radius:16px; border:1px solid rgba(96,165,250,.09); background:rgba(37,99,235,.045); margin-bottom:14px; }
.minecraft-connect-v42 > span { width:44px; height:44px; flex:0 0 44px; border-radius:13px; display:grid; place-items:center; color:#bcd0f7; background:rgba(37,99,235,.08); }
.minecraft-connect-v42 strong { display:block; font-size:11px; }
.minecraft-connect-v42 p { margin:3px 0 0; color:#748199; font-size:9px; line-height:1.55; }
.minecraft-form-v42 label { display:block; margin-bottom:6px; color:#8996ac; font-size:9px; font-weight:800; }
.minecraft-input-v42 { display:grid; grid-template-columns:auto 1fr; gap:9px; align-items:center; height:48px; padding:0 13px; margin-bottom:10px; border-radius:13px; border:1px solid rgba(255,255,255,.07); background:rgba(3,8,19,.45); }
.minecraft-input-v42 svg { width:18px; height:18px; color:#8097c7; }
.minecraft-input-v42 input { width:100%; color:#fff; background:transparent; border:0; outline:0; font-size:12px; }
.minecraft-input-v42 input::placeholder { color:#526078; }
.connected-as-v42 { margin-top:10px; padding:9px 10px; display:flex; align-items:center; gap:7px; color:#6e7b92; font-size:8px; border-radius:11px; border:1px dashed rgba(255,255,255,.06); }
.connected-as-v42 svg { width:13px; height:13px; color:#7f89ff; }
.connected-as-v42 strong { color:#9ca8bd; }

.profile-notes-v42 { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:16px; }
.profile-notes-v42 article { min-height:85px; display:flex; align-items:center; gap:12px; padding:14px 16px; border-radius:17px; border:1px solid rgba(255,255,255,.06); background:rgba(9,14,30,.58); }
.profile-notes-v42 > article > svg { width:20px; height:20px; color:#9cb8ef; flex:0 0 20px; }
.profile-notes-v42 small { display:block; color:#61708a; font-size:7px; font-weight:900; letter-spacing:.12em; }
.profile-notes-v42 strong { display:block; margin:2px 0 2px; font-size:10px; }
.profile-notes-v42 span { color:#728098; font-size:8px; }

@media (max-width: 980px) {
  .home-hero-v42 { grid-template-columns:1fr; min-height:auto; padding-top:38px; }
  .home-hero-card { min-height:290px; }
  .home-account-v42 { grid-template-columns:1fr; gap:28px; padding:55px 0; }
  .profile-banner-v42 { align-items:flex-start; flex-direction:column; }
  .profile-service-list { width:100%; justify-content:flex-start; }
  .profile-grid-v42 { grid-template-columns:1fr; }
}

@media (max-width: 720px) {
  .container { width:min(100% - 26px,1180px); }
  .topbar { height:70px; }
  .home-hero-v42 { padding:30px 0 40px; gap:24px; }
  .home-hero-copy h1 { font-size:44px; }
  .home-hero-actions { display:grid; }
  .home-hero-actions .button,.server-copy-v42 { width:100%; }
  .home-hero-card { grid-template-columns:1fr; text-align:center; justify-items:center; padding:25px; }
  .home-card-copy > span { max-width:360px; }
  .home-card-tags { justify-content:center; }
  .home-features-v42 { grid-template-columns:1fr; }
  .home-features-v42 article { min-height:auto; }
  .home-account-v42 { padding:48px 0; }
  .home-join-v42 { align-items:flex-start; flex-direction:column; }
  .home-join-v42 > div:last-child,.home-join-v42 .button { width:100%; }
  .profile-page-v42 { padding-top:28px; }
  .profile-title-row { align-items:flex-start; flex-direction:column; }
  .profile-title-row .button { width:100%; }
  .profile-banner-v42 { padding:19px; }
  .profile-discord-avatar { width:74px; height:74px; flex-basis:74px; border-radius:21px; }
  .profile-discord-avatar img,.profile-discord-avatar > span { border-radius:18px; }
  .profile-main-copy h2 { font-size:27px; }
  .profile-service-list { display:grid; grid-template-columns:1fr 1fr; }
  .profile-service { min-width:0; }
  .profile-card-v42 { padding:18px; }
  .minecraft-profile-main-v42 { grid-template-columns:1fr; text-align:center; }
  .minecraft-head-shell-v42 { margin:0 auto 4px; }
  .uuid-box-v42 { text-align:left; }
  .profile-notes-v42 { grid-template-columns:1fr; }
}

@media (max-width: 480px) {
  .home-hero-copy h1 { font-size:39px; }
  .home-fr-logo { width:122px; height:122px; }
  .profile-main-v42 { align-items:flex-start; }
  .profile-service-list { grid-template-columns:1fr; }
  .profile-info-row { grid-template-columns:auto 1fr; }
  .profile-info-row .verified-compact { grid-column:2; justify-self:start; }
  .minecraft-server-v42 { grid-template-columns:auto 1fr; }
  .minecraft-server-v42 .copy-mini { grid-column:2; justify-self:start; }
}


/* ===============================
   FR-SMP V4.3 — Lys wallet & polish
   =============================== */
.profile-service-lys > span:first-child {
  color:#f6dc9c;
  background:linear-gradient(145deg,rgba(202,156,69,.18),rgba(247,216,151,.07));
  box-shadow:inset 0 0 18px rgba(247,216,151,.04);
}
.profile-service-lys.is-online > i { background:#f0c971; box-shadow:0 0 13px rgba(240,201,113,.42); }

.lys-wallet-v43 {
  min-height:112px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:18px;
  margin-top:16px;
  padding:18px 20px;
  border-radius:21px;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  border:1px solid rgba(240,201,113,.14);
  background:
    radial-gradient(circle at 8% 10%,rgba(240,201,113,.12),transparent 18rem),
    linear-gradient(110deg,rgba(31,26,30,.94),rgba(11,17,35,.94) 50%,rgba(18,25,48,.94));
  box-shadow:0 18px 55px rgba(0,0,0,.19);
}
.lys-wallet-v43::after {
  content:'';
  position:absolute;
  right:-65px;
  top:-95px;
  width:230px;
  height:230px;
  border-radius:50%;
  background:rgba(240,201,113,.10);
  filter:blur(72px);
  z-index:-1;
}
.lys-wallet-icon {
  width:66px;
  height:66px;
  display:grid;
  place-items:center;
  position:relative;
  border-radius:20px;
  color:#f4d991;
  border:1px solid rgba(244,217,145,.18);
  background:linear-gradient(145deg,rgba(240,201,113,.13),rgba(255,255,255,.025));
  box-shadow:inset 0 0 28px rgba(240,201,113,.055),0 12px 32px rgba(0,0,0,.16);
}
.lys-wallet-svg { width:32px; height:32px; filter:drop-shadow(0 0 11px rgba(240,201,113,.18)); }
.lys-wallet-shine {
  position:absolute;
  inset:8px;
  border-radius:15px;
  border:1px solid rgba(255,255,255,.035);
  pointer-events:none;
}
.lys-wallet-copy { min-width:0; }
.lys-wallet-copy > small { color:#8f8065; font-size:7px; font-weight:900; letter-spacing:.16em; }
.lys-wallet-value { display:flex; align-items:baseline; gap:8px; margin:2px 0 2px; }
.lys-wallet-value strong {
  font-family:'Space Grotesk',sans-serif;
  font-size:31px;
  line-height:1;
  letter-spacing:-.04em;
  color:#fff5da;
}
.lys-wallet-value span { color:#efcc7c; font-size:12px; font-weight:850; }
.lys-wallet-copy p { margin:5px 0 0; color:#726f75; font-size:8px; line-height:1.5; }
.lys-wallet-state {
  display:flex;
  align-items:center;
  gap:9px;
  min-width:165px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.055);
  background:rgba(255,255,255,.022);
}
.lys-sync-dot { width:8px; height:8px; border-radius:50%; background:#34d399; box-shadow:0 0 14px rgba(52,211,153,.46); }
.lys-wallet-state small { display:block; color:#64718a; font-size:7px; font-weight:900; letter-spacing:.12em; }
.lys-wallet-state strong { display:block; margin-top:2px; color:#cdd6e6; font-size:9px; }

.lys-logo { color:#f4d991 !important; background:rgba(240,201,113,.08) !important; }
.home-account-step-lys { background:linear-gradient(90deg,rgba(240,201,113,.028),transparent); border-radius:15px; }

/* Polissage général : plus net, moins massif */
.home-hero-card,.profile-banner-v42,.profile-card-v42,.home-account-card,.home-features-v42 article {
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.profile-card-v42 { transition:transform .22s ease,border-color .22s ease,background .22s ease; }
.profile-card-v42:hover { transform:translateY(-2px); border-color:rgba(120,154,255,.12); background:rgba(11,18,38,.82); }
.profile-info-row { transition:border-color .18s ease,background .18s ease; }
.profile-info-row:hover { border-color:rgba(255,255,255,.085); background:rgba(255,255,255,.03); }
.home-account-step { transition:background .18s ease; }
.home-account-step:hover { background:rgba(255,255,255,.018); border-radius:15px; }

@media (max-width: 720px) {
  .lys-wallet-v43 { grid-template-columns:auto 1fr; padding:16px; }
  .lys-wallet-state { grid-column:1/-1; width:100%; min-width:0; }
  .lys-wallet-icon { width:58px; height:58px; border-radius:17px; }
  .lys-wallet-value strong { font-size:27px; }
}

@media (max-width: 480px) {
  .lys-wallet-v43 { grid-template-columns:1fr; text-align:center; justify-items:center; }
  .lys-wallet-copy p { max-width:290px; }
  .lys-wallet-state { justify-content:center; }
}

/* ==========================================================
   FR-SMP V5 — PREMIUM MINIMAL
   Simple, moderne, compact, sans emoji.
   ========================================================== */

:root {
  --v5-bg: #070a12;
  --v5-bg-soft: #0b0f19;
  --v5-surface: rgba(14, 19, 31, .88);
  --v5-surface-soft: rgba(255,255,255,.028);
  --v5-line: rgba(255,255,255,.075);
  --v5-line-strong: rgba(255,255,255,.11);
  --v5-text: #f7f9fd;
  --v5-muted: #8d97aa;
  --v5-muted-2: #657085;
  --v5-blue: #3b82f6;
  --v5-red: #ef4444;
  --v5-green: #34d399;
  --v5-gold: #e8c77a;
  --v5-radius: 18px;
}

body {
  background:
    radial-gradient(circle at 12% 2%, rgba(59,130,246,.08), transparent 28rem),
    radial-gradient(circle at 91% 18%, rgba(239,68,68,.055), transparent 26rem),
    linear-gradient(180deg, #070a12 0%, #080b13 55%, #070a12 100%);
  color: var(--v5-text);
}

.page-grid {
  opacity: .38;
  background-size: 72px 72px;
  background-image:
    linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px);
  animation: none;
}
.ambient { opacity: .055; filter: blur(140px); }
.ambient-blue { animation: none; }
.ambient-red { animation: none; }
.tricolor-bar { height: 2px; box-shadow: none; }

.container { width: min(1120px, calc(100% - 40px)); }
.topbar { height: 74px; }
.brand { gap: 10px; }
.brand-mark {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  box-shadow: none;
  border-color: rgba(255,255,255,.12);
}
.brand:hover .brand-mark { transform: none; }
.brand-copy strong { font-size: 15px; letter-spacing: .015em; }
.brand-copy small { font-size: 7px; margin-top: 4px; letter-spacing: .16em; }
.nav { gap: 20px; font-size: 12px; }
.nav-link { color: #8f99aa; }
.nav-link::after { bottom: -6px; height: 1px; }
.nav-account { padding: 4px 6px 4px 4px; }
.nav-account-avatar { width: 30px; height: 30px; flex-basis: 30px; }

.button {
  min-height: 42px;
  border-radius: 11px;
  padding: 11px 15px;
  font-size: 12px;
  font-weight: 800;
  box-shadow: none;
}
.button::before { display: none; }
.button:hover { transform: translateY(-1px); filter: none; }
.button-primary {
  background: #f5f7fb;
  color: #0b0f18;
  box-shadow: 0 8px 28px rgba(0,0,0,.15);
}
.button-primary:hover { background: #fff; }
.button-discord {
  background: #5865f2;
  box-shadow: 0 8px 28px rgba(88,101,242,.14);
}
.button-ghost { background: rgba(255,255,255,.025); border-color: var(--v5-line); }
.button-ghost:hover { background: rgba(255,255,255,.05); border-color: var(--v5-line-strong); }
.button-icon { width: 16px; height: 16px; }

/* --- Home --- */
.v5-home-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(320px, .88fr);
  gap: 54px;
  align-items: center;
  min-height: 520px;
  padding: 56px 0 62px;
}
.v5-hero-copy { max-width: 640px; }
.v5-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #8d98aa;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .16em;
}
.v5-kicker-line {
  width: 28px;
  height: 2px;
  border-radius: 99px;
  background: linear-gradient(90deg, #2563eb 0 33%, #f8fafc 33% 66%, #ef4444 66%);
}
.v5-home-hero h1 {
  margin: 18px 0 18px;
  font-family: 'Space Grotesk', sans-serif;
  font-size: clamp(42px, 5.2vw, 64px);
  line-height: .99;
  letter-spacing: -.055em;
  font-weight: 650;
}
.v5-home-hero h1 span { color: #aeb8c9; font-weight: 550; }
.v5-hero-copy > p {
  max-width: 560px;
  margin: 0;
  color: var(--v5-muted);
  font-size: 14px;
  line-height: 1.75;
}
.v5-hero-actions { display: flex; gap: 10px; align-items: stretch; flex-wrap: wrap; margin-top: 26px; }
.v5-server-copy {
  min-height: 42px;
  min-width: 265px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 11px;
  border: 1px solid var(--v5-line);
  color: var(--v5-text);
  background: rgba(255,255,255,.025);
  text-align: left;
  transition: .18s ease;
}
.v5-server-copy:hover { border-color: var(--v5-line-strong); background: rgba(255,255,255,.045); }
.v5-server-copy.copied { border-color: rgba(52,211,153,.3); }
.v5-server-copy-icon { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; background: rgba(59,130,246,.08); color: #91b9ff; }
.v5-inline-icon { width: 14px; height: 14px; }
.v5-server-copy span:nth-child(2) { min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.v5-server-copy small { color: #606a7d; font-size: 7px; letter-spacing: .12em; font-weight: 900; }
.v5-server-copy strong { font-size: 11px; overflow: hidden; text-overflow: ellipsis; }
.v5-server-copy b { color: #8d97aa; font-size: 9px; text-transform: uppercase; }
.v5-trust-row { margin-top: 22px; display: flex; flex-wrap: wrap; gap: 16px; color: #667185; font-size: 9px; font-weight: 700; }
.v5-trust-row span { display: inline-flex; align-items: center; gap: 6px; }
.v5-trust-icon { width: 12px; height: 12px; color: #8290aa; }

.v5-hero-panel {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--v5-line);
  border-radius: 20px;
  padding: 20px;
  background: linear-gradient(145deg, rgba(16,22,36,.86), rgba(10,14,23,.92));
  box-shadow: 0 26px 70px rgba(0,0,0,.22);
}
.v5-hero-panel::before {
  content: '';
  position: absolute;
  width: 170px;
  height: 170px;
  right: -85px;
  top: -95px;
  border-radius: 50%;
  background: rgba(59,130,246,.10);
  filter: blur(40px);
}
.v5-hero-panel-top { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; position: relative; }
.v5-fr-monogram {
  width: 46px;
  height: 46px;
  border-radius: 13px;
  border: 1px solid var(--v5-line);
  background: rgba(255,255,255,.03);
  position: relative;
  display: grid;
  place-items: center;
  overflow: hidden;
}
.v5-fr-monogram strong { font-family: 'Space Grotesk', sans-serif; font-size: 16px; z-index: 2; }
.v5-flag-stripe { position: absolute; inset: 0 auto 0 0; width: 4px; display: grid; grid-template-rows: repeat(3,1fr); }
.v5-flag-stripe i:nth-child(1) { background: #2563eb; }
.v5-flag-stripe i:nth-child(2) { background: #f8fafc; }
.v5-flag-stripe i:nth-child(3) { background: #ef4444; }
.v5-hero-panel-top > div:nth-child(2) { display: flex; flex-direction: column; min-width: 0; }
.v5-hero-panel-top small { color: #697387; font-size: 8px; letter-spacing: .14em; font-weight: 900; }
.v5-hero-panel-top strong { margin-top: 3px; font-size: 12px; }
.v5-live-dot { display: inline-flex; align-items: center; gap: 6px; color: #8e9aaf; font-size: 9px; font-weight: 800; }
.v5-live-dot i { width: 7px; height: 7px; border-radius: 50%; background: var(--v5-green); box-shadow: 0 0 12px rgba(52,211,153,.28); }
.v5-panel-divider { height: 1px; background: var(--v5-line); margin: 17px 0; }
.v5-panel-list { display: grid; gap: 8px; }
.v5-panel-list > div { display: grid; grid-template-columns: auto 1fr; gap: 11px; align-items: center; padding: 10px 11px; border-radius: 12px; transition: .18s ease; }
.v5-panel-list > div:hover { background: rgba(255,255,255,.025); }
.v5-panel-list > div > span { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; color: #a9b8d7; background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.055); }
.v5-panel-icon { width: 16px; height: 16px; }
.v5-panel-list small { display: block; color: #626d80; font-size: 7px; font-weight: 900; letter-spacing: .12em; }
.v5-panel-list strong { display: block; margin-top: 2px; font-size: 11px; color: #dce1e9; }

.v5-feature-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 10px;
  padding-top: 8px;
}
.v5-feature-grid article {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 13px;
  padding: 18px;
  border-radius: 16px;
  border: 1px solid var(--v5-line);
  background: rgba(255,255,255,.018);
  transition: .18s ease;
}
.v5-feature-grid article:hover { transform: translateY(-2px); border-color: var(--v5-line-strong); background: rgba(255,255,255,.027); }
.v5-feature-grid article > span { width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center; color: #a9badb; background: rgba(59,130,246,.06); }
.v5-feature-icon { width: 18px; height: 18px; }
.v5-feature-grid small { color: #606a7d; font-size: 7px; font-weight: 900; letter-spacing: .13em; }
.v5-feature-grid h2 { margin: 3px 0 5px; font-size: 13px; }
.v5-feature-grid p { margin: 0; color: #7e8899; font-size: 10px; line-height: 1.6; }

.v5-account-section {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 64px;
  align-items: center;
  padding: 88px 0 78px;
}
.v5-account-copy h2 {
  margin: 14px 0 14px;
  font-family: 'Space Grotesk',sans-serif;
  font-size: clamp(32px,4vw,48px);
  line-height: 1.03;
  letter-spacing: -.045em;
  font-weight: 650;
}
.v5-account-copy h2 span { color: #aab4c5; font-weight: 550; }
.v5-account-copy p { margin: 0; max-width: 470px; color: var(--v5-muted); font-size: 12px; line-height: 1.7; }
.v5-text-link { display: inline-flex; align-items: center; gap: 7px; margin-top: 18px; color: #dfe5ef; font-size: 11px; font-weight: 800; }
.v5-text-link:hover { color: #fff; }
.v5-text-link-icon { width: 13px; height: 13px; }
.v5-account-preview {
  border: 1px solid var(--v5-line);
  border-radius: 18px;
  padding: 10px;
  background: rgba(255,255,255,.018);
}
.v5-preview-row { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; padding: 11px; border-radius: 12px; }
.v5-preview-row + .v5-preview-row { border-top: 1px solid rgba(255,255,255,.05); border-top-left-radius: 0; border-top-right-radius: 0; }
.v5-preview-icon { width: 37px; height: 37px; border-radius: 10px; display: grid; place-items: center; }
.v5-preview-discord { color: #aeb4ff; background: rgba(88,101,242,.10); }
.v5-preview-minecraft { color: #a4c2fa; background: rgba(59,130,246,.08); }
.v5-preview-lys { color: #ecd08d; background: rgba(232,199,122,.08); }
.v5-preview-svg { width: 18px; height: 18px; }
.v5-preview-row small { display: block; color: #626c7e; font-size: 7px; font-weight: 900; letter-spacing: .13em; }
.v5-preview-row strong { display: block; margin-top: 2px; font-size: 11px; }
.v5-preview-status { color: #788398; font-size: 8px; font-weight: 800; }

.v5-final-cta {
  margin-bottom: 64px;
  padding: 18px 20px;
  border: 1px solid var(--v5-line);
  border-radius: 17px;
  background: linear-gradient(100deg,rgba(59,130,246,.045),rgba(255,255,255,.018),rgba(239,68,68,.035));
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.v5-final-cta > div:first-child { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.v5-final-cta small { color: #626c7e; font-size: 7px; font-weight: 900; letter-spacing: .14em; }
.v5-final-cta strong { font-size: 13px; overflow-wrap: anywhere; }
.v5-final-actions { display: flex; gap: 8px; }

/* --- Account --- */
.v5-account-page { padding: 46px 0 70px; }
.v5-account-heading { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 22px; }
.v5-account-heading h1 { margin: 8px 0 4px; font-family: 'Space Grotesk',sans-serif; font-size: clamp(32px,4vw,45px); letter-spacing: -.045em; font-weight: 650; }
.v5-account-heading p { margin: 0; color: #788397; font-size: 11px; }

.v5-profile-overview {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 18px;
  align-items: center;
  padding: 18px;
  border: 1px solid var(--v5-line);
  border-radius: 18px;
  background: linear-gradient(120deg, rgba(16,22,35,.92), rgba(10,14,23,.9));
  box-shadow: 0 22px 60px rgba(0,0,0,.17);
}
.v5-profile-identity { display: flex; align-items: center; gap: 14px; min-width: 0; }
.v5-profile-avatar { width: 64px; height: 64px; flex: 0 0 64px; border-radius: 18px; overflow: hidden; position: relative; background: #5865f2; border: 1px solid rgba(255,255,255,.1); }
.v5-profile-avatar img, .v5-profile-avatar > span { width: 100%; height: 100%; object-fit: cover; display: grid; place-items: center; font-size: 22px; font-weight: 900; }
.v5-profile-avatar i { position: absolute; width: 11px; height: 11px; right: 5px; bottom: 5px; border-radius: 50%; background: var(--v5-green); border: 2px solid #0c111d; box-shadow: 0 0 12px rgba(52,211,153,.3); }
.v5-profile-name { min-width: 0; }
.v5-profile-name > small { color: #606b7e; font-size: 7px; font-weight: 900; letter-spacing: .13em; }
.v5-profile-name h2 { margin: 2px 0 4px; font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.v5-profile-name > span { display: inline-flex; align-items: center; gap: 6px; color: #7f899c; font-size: 10px; }
.v5-handle-icon { width: 13px; height: 13px; color: #7f8af7; }

.v5-profile-stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.v5-stat { min-width: 0; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 9px; padding: 10px; border-radius: 12px; background: rgba(255,255,255,.025); border: 1px solid rgba(255,255,255,.05); }
.v5-stat-icon { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 9px; }
.v5-stat-discord { color: #aeb4ff; background: rgba(88,101,242,.10); }
.v5-stat-minecraft { color: #a6c4ff; background: rgba(59,130,246,.08); }
.v5-stat-lys { color: #ecd08d; background: rgba(232,199,122,.08); }
.v5-stat-svg { width: 15px; height: 15px; }
.v5-stat small { display: block; color: #596477; font-size: 6px; font-weight: 900; letter-spacing: .12em; }
.v5-stat strong { display: block; margin-top: 2px; color: #dce2eb; font-size: 9px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.v5-stat-wallet strong { color: #f0d99f; }

.v5-account-grid { display: grid; grid-template-columns: .88fr 1.12fr; gap: 12px; margin-top: 12px; }
.v5-account-card {
  border: 1px solid var(--v5-line);
  border-radius: 18px;
  padding: 18px;
  background: rgba(13,18,29,.82);
  min-width: 0;
  transition: .18s ease;
}
.v5-account-card:hover { border-color: rgba(255,255,255,.10); }
.v5-card-heading { display: flex; justify-content: space-between; align-items: start; gap: 12px; margin-bottom: 14px; }
.v5-card-heading small { color: #5d687c; font-size: 7px; font-weight: 900; letter-spacing: .13em; }
.v5-card-heading h2 { margin: 2px 0 0; font-size: 16px; }
.v5-status { display: inline-flex; align-items: center; gap: 5px; padding: 5px 7px; border-radius: 999px; border: 1px solid rgba(255,255,255,.06); color: #8a95a8; font-size: 7px; font-weight: 900; text-transform: uppercase; letter-spacing: .06em; }
.v5-status-ok { color: #83dcb3; border-color: rgba(52,211,153,.14); background: rgba(52,211,153,.045); }
.v5-status-warn { color: #e6bd69; border-color: rgba(251,191,36,.14); background: rgba(251,191,36,.045); }
.v5-status-icon { width: 10px; height: 10px; }

.v5-detail-list { display: grid; gap: 8px; }
.v5-detail-row { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; padding: 10px; border-radius: 12px; border: 1px solid rgba(255,255,255,.05); background: rgba(255,255,255,.018); min-width: 0; }
.v5-detail-row > span:first-child { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; color: #9aabd0; background: rgba(59,130,246,.055); }
.v5-detail-icon { width: 15px; height: 15px; }
.v5-detail-text { font-size: 8px; font-weight: 900; letter-spacing: .06em; }
.v5-detail-row > div { min-width: 0; }
.v5-detail-row small { display: block; color: #5c6678; font-size: 6px; font-weight: 900; letter-spacing: .11em; }
.v5-detail-row strong { display: block; margin-top: 2px; color: #d7dde7; font-size: 9px; overflow-wrap: anywhere; }
.v5-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-weight: 600 !important; }
.v5-verified { display: inline-flex; align-items: center; gap: 4px; color: #6fd4a5; font-size: 7px; }
.v5-verified-icon { width: 10px; height: 10px; }

.v5-minecraft-profile { display: grid; grid-template-columns: 104px 1fr; gap: 16px; align-items: center; padding: 2px 0 13px; }
.v5-minecraft-head {
  width: 104px;
  height: 104px;
  border-radius: 15px;
  overflow: hidden;
  background: #0b0f18;
  border: 1px solid rgba(255,255,255,.08);
  display: grid;
  place-items: center;
  position: relative;
}
.v5-minecraft-head img { width: 100%; height: 100%; object-fit: cover; image-rendering: pixelated; transition: transform .2s ease; }
.v5-minecraft-head:hover img { transform: scale(1.035); }
.v5-minecraft-head-fallback { width: 100%; height: 100%; display: grid; place-items: center; color: #748096; background: rgba(255,255,255,.018); }
.v5-minecraft-fallback-icon { width: 28px; height: 28px; }
.v5-minecraft-copy { min-width: 0; }
.v5-minecraft-copy > small { color: #5e697b; font-size: 7px; font-weight: 900; letter-spacing: .12em; }
.v5-minecraft-copy h3 { margin: 3px 0 9px; font-family: 'Space Grotesk', sans-serif; font-size: 22px; letter-spacing: -.02em; }
.v5-uuid { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.v5-uuid span { color: #596477; font-size: 6px; font-weight: 900; letter-spacing: .11em; }
.v5-uuid code { color: #8f9aaf; font-size: 8px; overflow-wrap: anywhere; }
.v5-minecraft-copy p { margin: 7px 0 0; color: #606b7d; font-size: 8px; }

.v5-server-row { display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: center; padding: 9px 10px; margin: 0 0 10px; border-radius: 12px; border: 1px solid rgba(255,255,255,.05); background: rgba(255,255,255,.018); }
.v5-server-row > span { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; background: rgba(59,130,246,.055); color: #9db5e5; }
.v5-server-row small { display: block; color: #5b6578; font-size: 6px; font-weight: 900; letter-spacing: .11em; }
.v5-server-row strong { display: block; margin-top: 2px; font-size: 9px; }
.v5-copy-button { border: 0; border-radius: 8px; padding: 6px 8px; display: inline-flex; align-items: center; gap: 5px; color: #8f9aaf; background: rgba(255,255,255,.035); font-size: 8px; font-weight: 800; }
.v5-copy-button:hover { background: rgba(255,255,255,.06); color: #d9e0eb; }
.v5-copy-icon { width: 11px; height: 11px; }
.v5-danger-link { padding: 0; border: 0; background: transparent; color: #7e8798; font-size: 8px; font-weight: 700; }
.v5-danger-link:hover { color: #ff8b92; }

.v5-connect-intro { display: grid; grid-template-columns: auto 1fr; gap: 11px; align-items: start; padding: 10px 0 13px; }
.v5-connect-intro > span { width: 37px; height: 37px; display: grid; place-items: center; border-radius: 10px; background: rgba(59,130,246,.07); color: #9dbbfa; }
.v5-connect-icon { width: 18px; height: 18px; }
.v5-connect-intro strong { font-size: 11px; }
.v5-connect-intro p { margin: 3px 0 0; color: #707b8e; font-size: 9px; line-height: 1.55; }
.v5-minecraft-form { display: grid; gap: 8px; }
.v5-minecraft-form label { color: #697487; font-size: 8px; font-weight: 800; }
.v5-input-wrap { height: 42px; display: grid; grid-template-columns: auto 1fr; gap: 8px; align-items: center; padding: 0 11px; border-radius: 11px; border: 1px solid rgba(255,255,255,.07); background: rgba(255,255,255,.022); transition: .18s ease; }
.v5-input-wrap:focus-within { border-color: rgba(59,130,246,.32); box-shadow: 0 0 0 3px rgba(59,130,246,.055); }
.v5-input-icon { width: 15px; height: 15px; color: #8092b5; }
.v5-input-wrap input { width: 100%; border: 0; outline: 0; color: #edf1f7; background: transparent; font-size: 11px; }
.v5-input-wrap input::placeholder { color: #525d70; }

.v5-wallet-card {
  margin-top: 12px;
  min-height: 74px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 14px 16px;
  border-radius: 17px;
  border: 1px solid rgba(232,199,122,.12);
  background: linear-gradient(100deg,rgba(232,199,122,.045),rgba(255,255,255,.015));
}
.v5-wallet-left { display: flex; align-items: center; gap: 12px; min-width: 0; }
.v5-wallet-icon { width: 42px; height: 42px; flex: 0 0 42px; display: grid; place-items: center; border-radius: 12px; color: #ecd08d; background: rgba(232,199,122,.07); border: 1px solid rgba(232,199,122,.10); }
.v5-wallet-svg { width: 20px; height: 20px; }
.v5-wallet-left small { color: #766b54; font-size: 6px; font-weight: 900; letter-spacing: .12em; }
.v5-wallet-left strong { display: block; margin-top: 1px; color: #f1dfb2; font-family: 'Space Grotesk',sans-serif; font-size: 20px; letter-spacing: -.02em; }
.v5-wallet-left strong span { font-family: 'Manrope',sans-serif; font-size: 9px; color: #b89d62; letter-spacing: 0; }
.v5-wallet-left p { margin: 1px 0 0; color: #6d6b67; font-size: 8px; }
.v5-wallet-sync { display: inline-flex; align-items: center; gap: 7px; color: #727c8e; font-size: 8px; white-space: nowrap; }
.v5-wallet-sync i { width: 7px; height: 7px; border-radius: 50%; background: var(--v5-green); box-shadow: 0 0 10px rgba(52,211,153,.25); }

.v5-account-note { margin-top: 12px; display: flex; align-items: center; gap: 8px; color: #5f697b; font-size: 8px; }
.v5-account-note p { margin: 0; }
.v5-note-icon { width: 13px; height: 13px; color: #71809d; }

.footer { min-height: 78px; font-size: 9px; }
.footer strong { font-size: 11px; }

@media (max-width: 900px) {
  .v5-home-hero { grid-template-columns: 1fr; gap: 24px; min-height: auto; padding: 48px 0 44px; }
  .v5-hero-panel { max-width: 620px; }
  .v5-feature-grid { grid-template-columns: 1fr; }
  .v5-account-section { grid-template-columns: 1fr; gap: 28px; padding: 68px 0 60px; }
  .v5-account-preview { max-width: 620px; }
  .v5-profile-overview { grid-template-columns: 1fr; }
  .v5-account-grid { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  .container { width: min(100% - 26px, 1120px); }
  .topbar { height: 66px; }
  .brand-copy small { display: none; }
  .nav-link { display: none; }
  .nav-account > span:last-child { display: none; }
  .v5-home-hero h1 { font-size: clamp(38px, 11vw, 50px); }
  .v5-hero-actions { display: grid; }
  .v5-hero-actions > * { width: 100%; }
  .v5-server-copy { min-width: 0; width: 100%; }
  .v5-trust-row { gap: 10px; }
  .v5-feature-grid article { padding: 15px; }
  .v5-final-cta { align-items: stretch; flex-direction: column; }
  .v5-final-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .v5-account-heading { align-items: flex-start; flex-direction: column; }
  .v5-account-heading .button { width: 100%; }
  .v5-profile-stats { grid-template-columns: 1fr; }
  .v5-stat { padding: 9px; }
  .v5-minecraft-profile { grid-template-columns: 84px 1fr; gap: 12px; }
  .v5-minecraft-head { width: 84px; height: 84px; border-radius: 13px; }
  .v5-minecraft-copy h3 { font-size: 18px; }
  .v5-wallet-card { align-items: flex-start; flex-direction: column; }
  .v5-wallet-sync { white-space: normal; }
}

@media (max-width: 440px) {
  .v5-home-hero { padding-top: 38px; }
  .v5-hero-panel-top { grid-template-columns: auto 1fr; }
  .v5-live-dot { grid-column: 2; }
  .v5-final-actions { grid-template-columns: 1fr; }
  .v5-profile-identity { align-items: center; }
  .v5-profile-avatar { width: 54px; height: 54px; flex-basis: 54px; border-radius: 15px; }
  .v5-profile-name h2 { font-size: 17px; }
  .v5-account-card { padding: 15px; }
  .v5-minecraft-profile { grid-template-columns: 1fr; }
  .v5-minecraft-head { width: 92px; height: 92px; }
  .v5-server-row { grid-template-columns: auto 1fr; }
  .v5-copy-button { grid-column: 2; justify-self: start; }
  .v5-detail-row { grid-template-columns: auto 1fr; }
  .v5-verified { grid-column: 2; justify-self: start; }
}

/* =========================================================
   V5.1 - MANAGER / ADMIN PREMIUM
   ========================================================= */

.nav-manager { display: inline-flex; align-items: center; gap: 6px; color: #cdd6e6 !important; }
.nav-manager-icon { width: 14px; height: 14px; color: #9fb8ec; }
.button-manager { color: #dfe8ff; background: rgba(59,130,246,.08); border: 1px solid rgba(96,165,250,.18); }
.button-manager:hover { background: rgba(59,130,246,.13); }
.v5-account-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.v5-manager-chip { margin-top: 7px; display: inline-flex; align-items: center; gap: 5px; width: fit-content; padding: 5px 7px; border-radius: 999px; color: #b9ccf6; background: rgba(59,130,246,.055); border: 1px solid rgba(96,165,250,.14); font-size: 7px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.v5-manager-chip-icon { width: 10px; height: 10px; }

.manager-setup-page { padding: 72px 0 110px; }
.manager-setup-card { width: min(680px, 100%); margin: 0 auto; padding: 30px; border-radius: 24px; background: rgba(13,18,29,.88); border: 1px solid var(--v5-line); box-shadow: 0 28px 80px rgba(0,0,0,.24); }
.manager-setup-icon { width: 48px; height: 48px; display: grid; place-items: center; margin-bottom: 22px; border-radius: 14px; color: #b7cbf8; background: rgba(59,130,246,.07); border: 1px solid rgba(96,165,250,.12); }
.manager-setup-svg { width: 22px; height: 22px; }
.manager-setup-card > small { color: #657086; font-size: 8px; font-weight: 900; letter-spacing: .13em; }
.manager-setup-card h1 { margin: 7px 0 9px; font: 700 clamp(28px,4vw,42px)/1.05 'Space Grotesk',sans-serif; letter-spacing: -.04em; }
.manager-setup-card > p { max-width: 560px; margin: 0 0 22px; color: #788397; font-size: 12px; line-height: 1.7; }
.manager-setup-form { display: grid; gap: 10px; margin-top: 20px; }
.manager-setup-form label { color: #7c879a; font-size: 9px; font-weight: 800; }
.manager-setup-form input { height: 44px; padding: 0 13px; border-radius: 12px; border: 1px solid rgba(255,255,255,.07); outline: 0; background: rgba(255,255,255,.025); color: #eef2f8; }
.manager-setup-form input:focus { border-color: rgba(96,165,250,.28); box-shadow: 0 0 0 3px rgba(59,130,246,.05); }
.manager-setup-form p { margin: 0 0 5px; color: #5f697a; font-size: 9px; line-height: 1.6; }
.manager-setup-form code { color: #8ea9db; }
.manager-connect-button { width: fit-content; }
.manager-setup-note { display: flex; align-items: center; gap: 7px; margin-top: 15px; color: #687387; font-size: 9px; }
.manager-setup-note-icon { width: 13px; height: 13px; color: #8ca7db; }

.admin-page { padding: 28px 0 100px; }
.admin-subnav { min-height: 46px; display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 34px; padding: 6px 8px 6px 6px; border: 1px solid rgba(255,255,255,.055); border-radius: 14px; background: rgba(255,255,255,.018); }
.admin-subnav-left { display: flex; align-items: center; gap: 3px; min-width: 0; }
.admin-subnav-badge { display: inline-flex; align-items: center; gap: 6px; margin-right: 6px; padding: 8px 10px; border-radius: 9px; color: #b6c9ee; background: rgba(59,130,246,.07); font-size: 8px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.admin-subnav-icon { width: 13px; height: 13px; }
.admin-subnav a { padding: 8px 10px; border-radius: 9px; color: #778397; font-size: 9px; font-weight: 800; transition: .15s ease; }
.admin-subnav a:hover, .admin-subnav a.is-active { color: #eef2f8; background: rgba(255,255,255,.04); }
.admin-subnav-account { white-space: nowrap; }

.admin-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 22px; }
.admin-heading > div > span { color: #657188; font-size: 8px; font-weight: 900; letter-spacing: .14em; }
.admin-heading h1 { margin: 6px 0 5px; font: 700 clamp(30px,4vw,48px)/1 'Space Grotesk',sans-serif; letter-spacing: -.045em; }
.admin-heading p { margin: 0; color: #707b8f; font-size: 10px; }
.admin-heading-compact { margin-bottom: 18px; }

.admin-stat-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; margin-bottom: 12px; }
.admin-stat-grid article { min-width: 0; display: grid; grid-template-columns: auto 1fr; gap: 12px; align-items: center; padding: 16px; border-radius: 17px; background: rgba(13,18,29,.82); border: 1px solid var(--v5-line); }
.admin-stat-grid article > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; color: #9cb7e9; background: rgba(59,130,246,.055); }
.admin-stat-icon { width: 18px; height: 18px; }
.admin-stat-grid small { display: block; color: #5f6a7d; font-size: 6px; font-weight: 900; letter-spacing: .11em; }
.admin-stat-grid strong { display: block; margin-top: 1px; color: #edf1f7; font: 700 21px/1.1 'Space Grotesk',sans-serif; }
.admin-stat-grid p { margin: 2px 0 0; color: #616c7f; font-size: 8px; }

.admin-dashboard-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 12px; }
.admin-panel { min-width: 0; padding: 18px; border-radius: 18px; background: rgba(13,18,29,.82); border: 1px solid var(--v5-line); }
.admin-panel-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; margin-bottom: 13px; }
.admin-panel-heading small { color: #5d687b; font-size: 7px; font-weight: 900; letter-spacing: .12em; }
.admin-panel-heading h2 { margin: 3px 0 0; font-size: 15px; }
.admin-panel-heading > a { color: #7d8bab; font-size: 8px; font-weight: 800; }
.admin-panel-heading > a:hover { color: #cdd9f2; }
.admin-empty { margin: 12px 0 0; color: #606b7d; font-size: 9px; }

.admin-user-list, .admin-log-list { display: grid; gap: 5px; }
.admin-user-row { min-width: 0; display: grid; grid-template-columns: auto minmax(0,1fr) auto auto; gap: 10px; align-items: center; padding: 9px; border-radius: 11px; border: 1px solid transparent; transition: .15s ease; }
.admin-user-row:hover { border-color: rgba(255,255,255,.055); background: rgba(255,255,255,.02); }
.admin-list-avatar { width: 34px; height: 34px; display: grid; place-items: center; overflow: hidden; border-radius: 10px; background: #171e2c; color: #cbd6e8; font-size: 11px; font-weight: 900; }
.admin-list-avatar img { width: 100%; height: 100%; object-fit: cover; }
.admin-user-main { min-width: 0; }
.admin-user-main strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 9px; }
.admin-user-main small { display: block; margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #687386; font-size: 7px; }
.admin-user-lys { color: #d9c28d; font-size: 8px; font-weight: 800; white-space: nowrap; }
.admin-role-badge { padding: 4px 6px; border-radius: 999px; color: #a9c0eb; background: rgba(59,130,246,.06); border: 1px solid rgba(96,165,250,.12); font-size: 6px; font-weight: 900; text-transform: uppercase; }

.admin-log-row { display: grid; grid-template-columns: auto 1fr; gap: 10px; padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,.04); }
.admin-log-row:last-child { border-bottom: 0; }
.admin-log-icon { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 9px; color: #8298c3; background: rgba(59,130,246,.045); }
.admin-log-svg { width: 13px; height: 13px; }
.admin-log-row strong { font-size: 8px; }
.admin-log-row p { margin: 2px 0; color: #687386; font-size: 7px; line-height: 1.45; }
.admin-log-row small { color: #4f596a; font-size: 6px; }

.admin-search { display: grid; grid-template-columns: auto 1fr auto; gap: 9px; align-items: center; margin-bottom: 13px; padding: 6px; border-radius: 14px; border: 1px solid rgba(255,255,255,.06); background: rgba(13,18,29,.72); }
.admin-search > span { width: 34px; height: 34px; display: grid; place-items: center; color: #7186ac; }
.admin-search-icon { width: 16px; height: 16px; }
.admin-search input { width: 100%; border: 0; outline: 0; color: #edf1f7; background: transparent; font-size: 10px; }
.admin-search input::placeholder { color: #4f596a; }
.admin-search .button { padding: 10px 13px; font-size: 9px; }
.admin-results-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 2px 8px; color: #5e687a; font-size: 8px; }
.admin-results-head a { color: #7f90b0; }
.admin-users-table { overflow: hidden; border-radius: 16px; border: 1px solid var(--v5-line); background: rgba(13,18,29,.76); }
.admin-table-row { min-width: 0; display: grid; grid-template-columns: auto minmax(130px,1.15fr) repeat(3,minmax(90px,.75fr)) auto; gap: 12px; align-items: center; padding: 10px 12px; border-bottom: 1px solid rgba(255,255,255,.04); transition: .15s ease; }
.admin-table-row:last-child { border-bottom: 0; }
.admin-table-row:hover { background: rgba(255,255,255,.02); }
.admin-table-identity { min-width: 0; }
.admin-table-identity strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 9px; }
.admin-table-identity small { display: block; margin-top: 2px; color: #626d80; font-size: 7px; }
.admin-table-field { min-width: 0; }
.admin-table-field small { display: block; color: #515b6d; font-size: 6px; font-weight: 900; letter-spacing: .09em; }
.admin-table-field strong { display: block; margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #aeb7c5; font-size: 8px; }
.admin-table-arrow { color: #596579; }
.admin-arrow-icon { width: 13px; height: 13px; }
.admin-empty-block { padding: 30px; text-align: center; color: #657083; font-size: 10px; }

.admin-back { display: inline-flex; margin-bottom: 12px; color: #71809b; font-size: 8px; font-weight: 800; }
.admin-back:hover { color: #cbd6e9; }
.admin-player-hero { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 16px; padding: 18px; margin-bottom: 12px; border: 1px solid var(--v5-line); border-radius: 19px; background: rgba(13,18,29,.82); }
.admin-player-avatar { width: 62px; height: 62px; display: grid; place-items: center; overflow: hidden; border-radius: 16px; background: #141b29; color: #d4deed; font-size: 18px; font-weight: 900; }
.admin-player-avatar img { width: 100%; height: 100%; object-fit: cover; }
.admin-player-title { min-width: 0; }
.admin-player-title small { color: #657187; font-size: 7px; font-weight: 900; letter-spacing: .12em; }
.admin-player-title h1 { margin: 3px 0 3px; font: 700 clamp(24px,3vw,36px)/1 'Space Grotesk',sans-serif; letter-spacing: -.035em; }
.admin-player-title p { margin: 0; color: #667185; font-size: 8px; }
.admin-player-balance { min-width: 130px; padding: 11px 13px; border-radius: 13px; text-align: right; background: rgba(232,199,122,.04); border: 1px solid rgba(232,199,122,.09); }
.admin-player-balance small { display: block; color: #7f7358; font-size: 6px; font-weight: 900; letter-spacing: .1em; }
.admin-player-balance strong { font: 700 24px/1.1 'Space Grotesk',sans-serif; color: #e9d6aa; }
.admin-player-balance span { margin-left: 3px; color: #a99160; font-size: 8px; }
.admin-player-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 12px; }
.admin-wallet-panel { grid-column: 1 / -1; }
.admin-definition-list { display: grid; gap: 5px; margin: 0; }
.admin-definition-list > div { display: grid; grid-template-columns: 100px minmax(0,1fr); gap: 12px; padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,.04); }
.admin-definition-list > div:last-child { border-bottom: 0; }
.admin-definition-list dt { color: #5e697b; font-size: 7px; }
.admin-definition-list dd { margin: 0; color: #b8c0cd; font-size: 8px; overflow-wrap: anywhere; }
.admin-mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.admin-minecraft-user { display: grid; grid-template-columns: 68px 1fr; gap: 12px; align-items: center; }
.admin-minecraft-head { width: 68px; height: 68px; display: grid; place-items: center; overflow: hidden; border-radius: 13px; border: 1px solid rgba(255,255,255,.06); background: #0b101a; }
.admin-minecraft-head img { width: 100%; height: 100%; object-fit: cover; image-rendering: pixelated; }
.admin-minecraft-fallback { width: 23px; height: 23px; color: #728096; }
.admin-minecraft-user small { display: block; color: #5c687a; font-size: 6px; font-weight: 900; letter-spacing: .1em; }
.admin-minecraft-user strong { display: block; margin: 2px 0 4px; font-size: 13px; }
.admin-minecraft-user code { color: #7b8799; font-size: 7px; overflow-wrap: anywhere; }
.admin-wallet-current { color: #d9c38f; font-size: 9px; font-weight: 900; }
.admin-wallet-form { display: grid; grid-template-columns: minmax(180px,.4fr) 1fr; gap: 10px 14px; align-items: end; }
.admin-wallet-form label { grid-column: 1; color: #697487; font-size: 8px; font-weight: 800; }
.admin-wallet-form input { grid-column: 1; height: 40px; padding: 0 11px; border: 1px solid rgba(255,255,255,.07); border-radius: 10px; outline: 0; background: rgba(255,255,255,.02); color: #eef2f8; }
.admin-wallet-actions { grid-column: 2; grid-row: 1 / 3; display: flex; align-items: flex-end; gap: 7px; flex-wrap: wrap; }
.admin-wallet-actions .button { padding: 10px 12px; font-size: 8px; }

@media (max-width: 900px) {
  .admin-stat-grid { grid-template-columns: repeat(2,1fr); }
  .admin-dashboard-grid, .admin-player-grid { grid-template-columns: 1fr; }
  .admin-wallet-panel { grid-column: auto; }
  .admin-table-row { grid-template-columns: auto minmax(0,1fr) auto auto; }
  .admin-table-field:nth-of-type(3), .admin-table-field:nth-of-type(4) { display: none; }
}

@media (max-width: 680px) {
  .v5-account-actions { width: 100%; display: grid; grid-template-columns: 1fr 1fr; }
  .manager-setup-card { padding: 21px; border-radius: 19px; }
  .manager-connect-button { width: 100%; }
  .admin-page { padding-top: 16px; }
  .admin-subnav { align-items: stretch; flex-direction: column; }
  .admin-subnav-left { overflow-x: auto; }
  .admin-subnav-account { display: none; }
  .admin-heading { align-items: flex-start; flex-direction: column; }
  .admin-heading .button { width: 100%; }
  .admin-stat-grid { grid-template-columns: 1fr 1fr; }
  .admin-search { grid-template-columns: auto 1fr; }
  .admin-search .button { grid-column: 1 / -1; width: 100%; }
  .admin-table-row { grid-template-columns: auto minmax(0,1fr) auto; }
  .admin-table-field { display: none; }
  .admin-player-hero { grid-template-columns: auto 1fr; }
  .admin-player-balance { grid-column: 1 / -1; text-align: left; }
  .admin-wallet-form { grid-template-columns: 1fr; }
  .admin-wallet-form label, .admin-wallet-form input, .admin-wallet-actions { grid-column: 1; grid-row: auto; }
}

@media (max-width: 430px) {
  .v5-account-actions { grid-template-columns: 1fr; }
  .admin-stat-grid { grid-template-columns: 1fr; }
  .admin-subnav-badge { display: none; }
  .admin-user-row { grid-template-columns: auto minmax(0,1fr) auto; }
  .admin-role-badge { display: none; }
  .admin-player-avatar { width: 52px; height: 52px; border-radius: 14px; }
}

/* ==========================================================
   FR-SMP V5.2 — Navigation, live status, boutique, vote, admin
   ========================================================== */
.nav { gap: 18px; }
.nav-main { display: flex; align-items: center; gap: 4px; }
.nav-main .nav-link { padding: 8px 10px; border-radius: 9px; }
.nav-main .nav-link:hover { background: rgba(255,255,255,.035); }
.v5-live-dot.is-offline i { background: #ef5d69; box-shadow: 0 0 0 4px rgba(239,93,105,.08); }
.v5-live-dot.is-online i { background: #52d38b; box-shadow: 0 0 0 4px rgba(82,211,139,.08); }

.v52-shortcuts { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 22px; }
.v52-shortcut-card { min-width: 0; display: grid; grid-template-columns: auto 1fr auto; gap: 14px; align-items: center; padding: 18px; border: 1px solid var(--v5-line); border-radius: 18px; background: rgba(13,18,29,.72); transition: transform .18s ease, border-color .18s ease, background .18s ease; }
.v52-shortcut-card:hover { transform: translateY(-2px); border-color: rgba(139,169,224,.18); background: rgba(16,22,35,.86); }
.v52-shortcut-card > span { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; background: rgba(59,130,246,.06); color: #98b4e7; }
.v52-shortcut-icon { width: 19px; height: 19px; }
.v52-shortcut-card small { display: block; color: #627086; font-size: 7px; font-weight: 900; letter-spacing: .12em; }
.v52-shortcut-card strong { display: block; margin-top: 3px; color: #edf2f8; font-size: 12px; }
.v52-shortcut-card p { margin: 3px 0 0; color: #69758a; font-size: 9px; }
.v52-shortcut-arrow { width: 16px; height: 16px; color: #697891; }

/* Pages publiques compactes */
.v52-page { padding: 54px 0 92px; }
.v52-page-head { display: grid; grid-template-columns: 1fr minmax(280px,.48fr); gap: 42px; align-items: end; margin-bottom: 28px; }
.v52-page-head h1 { margin: 12px 0 12px; font: 700 clamp(36px,5vw,60px)/.98 'Space Grotesk',sans-serif; letter-spacing: -.05em; }
.v52-page-head h1 span { color: #aab5c7; font-weight: 550; }
.v52-page-head > div:first-child > p { max-width: 590px; margin: 0; color: #737f93; font-size: 11px; line-height: 1.75; }
.v52-balance-card, .v52-vote-profile { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; padding: 15px; border: 1px solid var(--v5-line); border-radius: 16px; background: rgba(13,18,29,.76); }
.v52-balance-card > span, .v52-vote-profile > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; color: #d8bd7e; background: rgba(219,185,105,.06); }
.v52-vote-profile > span { color: #9db5df; background: rgba(59,130,246,.055); }
.v52-balance-icon, .v52-vote-profile-icon { width: 19px; height: 19px; }
.v52-balance-card small, .v52-vote-profile small { display: block; color: #637087; font-size: 6px; font-weight: 900; letter-spacing: .11em; }
.v52-balance-card strong, .v52-vote-profile strong { display: block; margin-top: 2px; color: #eef2f8; font-size: 11px; }
.v52-balance-card a, .v52-vote-profile a { color: #8da6d4; font-size: 8px; font-weight: 800; white-space: nowrap; }

.v52-shop-grid, .v52-vote-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 11px; }
.v52-product-card, .v52-vote-card { position: relative; min-width: 0; padding: 20px; border: 1px solid var(--v5-line); border-radius: 19px; background: rgba(13,18,29,.78); overflow: hidden; }
.v52-product-card.is-featured { border-color: rgba(221,190,116,.19); background: linear-gradient(180deg,rgba(33,28,20,.54),rgba(13,18,29,.8)); }
.v52-product-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.v52-product-icon, .v52-vote-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; color: #d9c186; background: rgba(221,190,116,.055); }
.v52-vote-icon { color: #97b0df; background: rgba(59,130,246,.055); }
.v52-product-svg, .v52-vote-svg { width: 20px; height: 20px; }
.v52-product-top > small, .v52-vote-card > small { color: #626e82; font-size: 6px; font-weight: 900; letter-spacing: .13em; }
.v52-product-card h2, .v52-vote-card h2 { margin: 18px 0 7px; font: 700 17px/1.15 'Space Grotesk',sans-serif; letter-spacing: -.02em; }
.v52-product-card > strong { display: block; margin-bottom: 8px; color: #e6d2a3; font: 700 25px/1 'Space Grotesk',sans-serif; }
.v52-product-card p, .v52-vote-card p { min-height: 44px; margin: 0 0 18px; color: #6d788b; font-size: 9px; line-height: 1.65; }
.v52-product-card .button:disabled, .v52-vote-card .button:disabled { cursor: default; opacity: .55; transform: none; filter: none; }
.v52-vote-card { padding-top: 22px; }
.v52-vote-number { position: absolute; top: 17px; right: 18px; color: rgba(255,255,255,.06); font: 700 32px/1 'Space Grotesk',sans-serif; }
.v52-vote-card > small { display: block; margin-top: 17px; }
.v52-info-strip { display: grid; grid-template-columns: auto 1fr; gap: 12px; align-items: center; margin-top: 12px; padding: 15px 17px; border: 1px solid rgba(255,255,255,.05); border-radius: 15px; background: rgba(255,255,255,.015); }
.v52-info-strip > span { color: #7e91b4; }
.v52-info-icon { width: 17px; height: 17px; }
.v52-info-strip strong { display: block; color: #aeb9ca; font-size: 9px; }
.v52-info-strip p { margin: 2px 0 0; color: #5f6a7d; font-size: 8px; line-height: 1.55; }

/* Admin V5.2 */
.v52-admin-page { padding: 24px 0 90px; }
.v52-admin-shell { display: grid; grid-template-columns: 218px minmax(0,1fr); gap: 20px; align-items: start; }
.v52-admin-sidebar { position: sticky; top: 18px; min-height: calc(100vh - 42px); display: flex; flex-direction: column; padding: 12px; border: 1px solid var(--v5-line); border-radius: 18px; background: rgba(11,16,27,.9); backdrop-filter: blur(18px); }
.v52-admin-brand { display: flex; align-items: center; gap: 10px; padding: 5px 6px 15px; border-bottom: 1px solid rgba(255,255,255,.045); }
.v52-admin-brand .brand-mark { width: 29px; height: 29px; }
.v52-admin-brand strong { display: block; font: 700 11px/1.1 'Space Grotesk',sans-serif; }
.v52-admin-brand small { display: block; margin-top: 2px; color: #536076; font-size: 5px; font-weight: 900; letter-spacing: .14em; }
.v52-admin-nav { display: grid; gap: 3px; padding-top: 14px; }
.v52-admin-nav > small { margin: 12px 8px 5px; color: #465166; font-size: 6px; font-weight: 900; letter-spacing: .13em; }
.v52-admin-nav > small:first-child { margin-top: 0; }
.v52-admin-nav a { display: flex; align-items: center; gap: 9px; padding: 9px 10px; border-radius: 10px; color: #727f93; font-size: 9px; font-weight: 750; transition: .15s ease; }
.v52-admin-nav a:hover { color: #c9d3e3; background: rgba(255,255,255,.025); }
.v52-admin-nav a.is-active { color: #e7edf6; background: rgba(59,130,246,.075); box-shadow: inset 0 0 0 1px rgba(96,165,250,.08); }
.v52-admin-nav-icon { width: 15px; height: 15px; }
.v52-admin-profile { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 9px; align-items: center; margin-top: auto; padding: 10px; border-radius: 12px; background: rgba(255,255,255,.022); border: 1px solid rgba(255,255,255,.04); }
.v52-admin-profile > span { width: 31px; height: 31px; display: grid; place-items: center; overflow: hidden; border-radius: 9px; background: #172033; color: #d5dfed; font-size: 10px; font-weight: 900; }
.v52-admin-profile img { width: 100%; height: 100%; object-fit: cover; }
.v52-admin-profile strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 8px; }
.v52-admin-profile small { display: block; margin-top: 2px; color: #65728a; font-size: 6px; }
.v52-admin-profile-arrow { width: 12px; height: 12px; color: #5e6b80; }
.v52-admin-content { min-width: 0; }
.v52-admin-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin: 3px 0 18px; }
.v52-admin-heading small { color: #5a6780; font-size: 7px; font-weight: 900; letter-spacing: .13em; }
.v52-admin-heading h1 { margin: 5px 0 4px; font: 700 clamp(28px,3.5vw,42px)/1 'Space Grotesk',sans-serif; letter-spacing: -.04em; }
.v52-admin-heading p { margin: 0; color: #69758a; font-size: 9px; }
.v52-admin-heading .button { padding: 10px 13px; font-size: 8px; }
.v52-admin-stats { display: grid; grid-template-columns: repeat(4,1fr); gap: 9px; }
.v52-admin-stats article { min-width: 0; display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: center; padding: 14px; border: 1px solid var(--v5-line); border-radius: 15px; background: rgba(13,18,29,.76); }
.v52-admin-stats article > span { width: 35px; height: 35px; display: grid; place-items: center; border-radius: 10px; color: #94ade0; background: rgba(59,130,246,.055); }
.v52-admin-stat-icon { width: 16px; height: 16px; }
.v52-admin-stats small { display: block; color: #59657a; font-size: 5.5px; font-weight: 900; letter-spacing: .11em; }
.v52-admin-stats strong { display: block; margin-top: 1px; font: 700 19px/1.05 'Space Grotesk',sans-serif; }
.v52-admin-stats p { margin: 2px 0 0; color: #5c687b; font-size: 7px; }
.v52-admin-server { display: grid; grid-template-columns: 1.6fr repeat(3,.65fr); gap: 0; align-items: center; margin-top: 9px; border: 1px solid var(--v5-line); border-radius: 15px; background: rgba(13,18,29,.62); overflow: hidden; }
.v52-admin-server > div { min-width: 0; padding: 12px 14px; border-left: 1px solid rgba(255,255,255,.04); }
.v52-admin-server > div:first-child { border-left: 0; }
.v52-admin-server small { display: block; color: #526075; font-size: 5.5px; font-weight: 900; letter-spacing: .1em; }
.v52-admin-server strong { display: block; margin-top: 2px; color: #aab5c5; font-size: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.v52-admin-server-status { display: grid !important; grid-template-columns: auto 1fr; gap: 9px; align-items: center; }
.v52-server-dot { width: 8px; height: 8px; border-radius: 50%; background: #ef5d69; box-shadow: 0 0 0 4px rgba(239,93,105,.07); }
.v52-server-dot.is-online { background: #52d38b; box-shadow: 0 0 0 4px rgba(82,211,139,.07); }
.v52-admin-grid { display: grid; grid-template-columns: 1.08fr .92fr; gap: 10px; margin-top: 10px; }
.v52-admin-panel { min-width: 0; padding: 16px; border: 1px solid var(--v5-line); border-radius: 16px; background: rgba(13,18,29,.76); }
.v52-admin-panel-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 11px; }
.v52-admin-panel-head small { color: #59657a; font-size: 6px; font-weight: 900; letter-spacing: .12em; }
.v52-admin-panel-head h2 { margin: 3px 0 0; font-size: 13px; }
.v52-admin-panel-head > a { display: inline-flex; align-items: center; gap: 4px; color: #7888a7; font-size: 7px; font-weight: 800; }
.v52-admin-mini-arrow { width: 11px; height: 11px; }
.v52-admin-user-list, .v52-admin-log-list { display: grid; gap: 3px; }
.v52-admin-user-row { display: grid; grid-template-columns: auto minmax(0,1fr) auto auto; gap: 9px; align-items: center; padding: 8px; border-radius: 10px; transition: .15s ease; }
.v52-admin-user-row:hover { background: rgba(255,255,255,.025); }
.v52-admin-avatar { width: 33px; height: 33px; display: grid; place-items: center; overflow: hidden; border-radius: 9px; background: #172033; color: #d7e0ed; font-size: 10px; font-weight: 900; }
.v52-admin-avatar img { width: 100%; height: 100%; object-fit: cover; }
.v52-admin-user-row strong { display: block; font-size: 8px; }
.v52-admin-user-row small { display: block; margin-top: 2px; color: #657188; font-size: 6.5px; }
.v52-admin-row-meta { color: #d4bd87; font-size: 7px; font-weight: 800; white-space: nowrap; }
.v52-admin-log-row { display: grid; grid-template-columns: auto 1fr; gap: 9px; padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,.035); }
.v52-admin-log-row:last-child { border-bottom: 0; }
.v52-admin-log-row > span { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; color: #849ac5; background: rgba(59,130,246,.045); }
.v52-admin-log-icon { width: 12px; height: 12px; }
.v52-admin-log-row strong { font-size: 7.5px; }
.v52-admin-log-row p { margin: 2px 0; color: #646f82; font-size: 6.5px; line-height: 1.4; }
.v52-admin-log-row small { color: #4e596c; font-size: 6px; }
.v52-admin-empty { color: #657186; font-size: 8px; }

.v52-admin-search { display: grid; grid-template-columns: auto minmax(0,1fr) auto auto; gap: 8px; align-items: center; margin-bottom: 9px; padding: 6px; border: 1px solid var(--v5-line); border-radius: 13px; background: rgba(13,18,29,.7); }
.v52-admin-search-icon { width: 16px; height: 16px; margin-left: 8px; color: #7083a7; }
.v52-admin-search input { min-width: 0; height: 34px; border: 0; outline: 0; background: transparent; color: #edf2f8; font-size: 9px; }
.v52-admin-search input::placeholder { color: #4d596c; }
.v52-admin-search > a { color: #687894; font-size: 7px; font-weight: 800; }
.v52-admin-search .button { padding: 9px 12px; font-size: 8px; }
.v52-admin-results-head { margin: 0 2px 7px; color: #5f6b7f; font-size: 7px; }
.v52-admin-users-table { overflow: hidden; border: 1px solid var(--v5-line); border-radius: 15px; background: rgba(13,18,29,.72); }
.v52-admin-table-head, .v52-admin-table-row { display: grid; grid-template-columns: minmax(190px,1.35fr) minmax(110px,.9fr) 90px 90px 20px; gap: 12px; align-items: center; }
.v52-admin-table-head { padding: 8px 12px; border-bottom: 1px solid rgba(255,255,255,.04); color: #4f5b6e; font-size: 6px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.v52-admin-table-row { padding: 9px 12px; border-bottom: 1px solid rgba(255,255,255,.035); color: #9da8b8; font-size: 8px; transition: .15s ease; }
.v52-admin-table-row:last-child { border-bottom: 0; }
.v52-admin-table-row:hover { background: rgba(255,255,255,.022); }
.v52-admin-table-user { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 9px; align-items: center; min-width: 0; }
.v52-admin-table-user strong, .v52-admin-table-user small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.v52-admin-table-user strong { color: #e3e9f1; font-size: 8px; }
.v52-admin-table-user small { margin-top: 2px; color: #606c80; font-size: 6.5px; }
.v52-muted { color: #505c70; }
.v52-role { display: inline-flex; padding: 4px 6px; border-radius: 999px; color: #7b879a; background: rgba(255,255,255,.035); font-size: 6px; }
.v52-role.is-manager { color: #a7bee9; background: rgba(59,130,246,.07); }
.v52-admin-empty-block { padding: 28px; text-align: center; color: #657186; font-size: 8px; }

.v52-admin-back { display: inline-flex; align-items: center; gap: 5px; margin: 3px 0 10px; color: #6f7e99; font-size: 7px; font-weight: 800; }
.v52-admin-back-icon { width: 11px; height: 11px; transform: rotate(180deg); }
.v52-admin-user-hero { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 14px; align-items: center; padding: 16px; margin-bottom: 10px; border: 1px solid var(--v5-line); border-radius: 17px; background: rgba(13,18,29,.76); }
.v52-admin-user-avatar { width: 55px; height: 55px; display: grid; place-items: center; overflow: hidden; border-radius: 15px; background: #161f30; color: #d7e0ed; font-weight: 900; }
.v52-admin-user-avatar img { width: 100%; height: 100%; object-fit: cover; }
.v52-admin-user-title small { color: #5f6c82; font-size: 6px; font-weight: 900; letter-spacing: .11em; }
.v52-admin-user-title h1 { margin: 3px 0 3px; font: 700 28px/1 'Space Grotesk',sans-serif; letter-spacing: -.035em; }
.v52-admin-user-title p { margin: 0; color: #647086; font-size: 7px; }
.v52-admin-user-balance { min-width: 125px; padding: 10px 12px; border-radius: 12px; text-align: right; background: rgba(219,185,105,.04); border: 1px solid rgba(219,185,105,.08); }
.v52-admin-user-balance small { display: block; color: #786e5b; font-size: 5.5px; font-weight: 900; letter-spacing: .1em; }
.v52-admin-user-balance strong { color: #e3c982; font: 700 23px/1 'Space Grotesk',sans-serif; }
.v52-admin-user-balance span { margin-left: 3px; color: #927f57; font-size: 7px; }
.v52-admin-detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.v52-admin-wallet { grid-column: 1 / -1; }
.v52-admin-definition-list { margin: 0; display: grid; }
.v52-admin-definition-list > div { display: grid; grid-template-columns: 95px minmax(0,1fr); gap: 10px; padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,.035); }
.v52-admin-definition-list > div:last-child { border-bottom: 0; }
.v52-admin-definition-list dt { color: #596579; font-size: 7px; }
.v52-admin-definition-list dd { margin: 0; color: #abb5c4; font-size: 8px; overflow-wrap: anywhere; }
.v52-admin-mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.v52-admin-minecraft-user { display: grid; grid-template-columns: 62px minmax(0,1fr); gap: 11px; align-items: center; }
.v52-admin-minecraft-head { width: 62px; height: 62px; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(255,255,255,.05); border-radius: 12px; background: #0b1019; }
.v52-admin-minecraft-head img { width: 100%; height: 100%; object-fit: cover; image-rendering: pixelated; }
.v52-admin-minecraft-fallback { width: 22px; height: 22px; color: #738097; }
.v52-admin-minecraft-user small { display: block; color: #5d697d; font-size: 6px; font-weight: 900; letter-spacing: .1em; }
.v52-admin-minecraft-user strong { display: block; margin: 2px 0 4px; font-size: 12px; }
.v52-admin-minecraft-user code { color: #798698; font-size: 6.5px; overflow-wrap: anywhere; }
.v52-admin-wallet-current { color: #d4bd86; font-size: 8px; font-weight: 900; }
.v52-admin-wallet-form { display: grid; grid-template-columns: minmax(170px,.35fr) 1fr; gap: 8px 12px; align-items: end; }
.v52-admin-wallet-form label { grid-column: 1; color: #657187; font-size: 7px; font-weight: 800; }
.v52-admin-wallet-form input { grid-column: 1; height: 39px; padding: 0 11px; border: 1px solid rgba(255,255,255,.06); border-radius: 10px; outline: 0; background: rgba(255,255,255,.02); color: #eef2f8; }
.v52-admin-wallet-form > div { grid-column: 2; grid-row: 1 / 3; display: flex; align-items: flex-end; gap: 7px; flex-wrap: wrap; }
.v52-admin-wallet-form .button { padding: 9px 11px; font-size: 7.5px; }

@media (max-width: 980px) {
  .nav-main .nav-link { display: none; }
  .nav-main .nav-manager { display: inline-flex; }
  .v52-page-head { grid-template-columns: 1fr; gap: 18px; }
  .v52-shop-grid, .v52-vote-grid { grid-template-columns: 1fr 1fr; }
  .v52-admin-shell { grid-template-columns: 1fr; }
  .v52-admin-sidebar { position: static; min-height: 0; }
  .v52-admin-nav { display: flex; overflow-x: auto; padding-top: 8px; }
  .v52-admin-nav > small { display: none; }
  .v52-admin-nav a { white-space: nowrap; }
  .v52-admin-profile { display: none; }
  .v52-admin-brand { padding-bottom: 9px; }
  .v52-admin-stats { grid-template-columns: 1fr 1fr; }
  .v52-admin-server { grid-template-columns: 1.4fr 1fr; }
  .v52-admin-server > div:nth-child(3), .v52-admin-server > div:nth-child(4) { border-top: 1px solid rgba(255,255,255,.04); }
}

@media (max-width: 720px) {
  .v52-shortcuts, .v52-shop-grid, .v52-vote-grid, .v52-admin-grid, .v52-admin-detail-grid { grid-template-columns: 1fr; }
  .v52-admin-wallet { grid-column: auto; }
  .v52-admin-heading { align-items: flex-start; flex-direction: column; }
  .v52-admin-heading .button { width: 100%; }
  .v52-admin-table-head { display: none; }
  .v52-admin-table-row { grid-template-columns: minmax(0,1fr) auto; }
  .v52-admin-table-row > span:nth-child(2), .v52-admin-table-row > span:nth-child(3), .v52-admin-table-row > span:nth-child(4) { display: none; }
  .v52-admin-search { grid-template-columns: auto minmax(0,1fr); }
  .v52-admin-search > a { display: none; }
  .v52-admin-search .button { grid-column: 1 / -1; width: 100%; }
  .v52-admin-user-hero { grid-template-columns: auto minmax(0,1fr); }
  .v52-admin-user-balance { grid-column: 1 / -1; text-align: left; }
  .v52-admin-wallet-form { grid-template-columns: 1fr; }
  .v52-admin-wallet-form label, .v52-admin-wallet-form input, .v52-admin-wallet-form > div { grid-column: 1; grid-row: auto; }
}

@media (max-width: 520px) {
  .v52-page { padding-top: 36px; }
  .v52-page-head h1 { font-size: 38px; }
  .v52-balance-card, .v52-vote-profile { grid-template-columns: auto 1fr; }
  .v52-balance-card > a, .v52-vote-profile > a { grid-column: 2; }
  .v52-admin-stats { grid-template-columns: 1fr; }
  .v52-admin-server { grid-template-columns: 1fr; }
  .v52-admin-server > div { border-left: 0; border-top: 1px solid rgba(255,255,255,.04); }
  .v52-admin-server > div:first-child { border-top: 0; }
  .v52-shortcut-card { padding: 15px; }
}

/* ==========================================================
   FR-SMP V5.3 — accueil minimal + gestion de contenu/admin
   ========================================================== */
.v53-home { min-height: 520px; display: grid; grid-template-columns: minmax(0,1.15fr) minmax(300px,.65fr); gap: 64px; align-items: center; padding-top: 70px; padding-bottom: 58px; }
.v53-home-copy { max-width: 720px; }
.v53-home-copy h1 { margin: 16px 0 16px; font: 700 clamp(46px,6vw,76px)/.98 'Space Grotesk',sans-serif; letter-spacing: -.055em; }
.v53-home-copy h1 span { color: #9aa8bc; font-weight: 540; }
.v53-home-copy > p { max-width: 570px; margin: 0; color: #758196; font-size: 12px; line-height: 1.8; }
.v53-home-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 28px; }
.v53-server-card { padding: 18px; border: 1px solid var(--v5-line); border-radius: 20px; background: linear-gradient(155deg,rgba(17,23,37,.9),rgba(10,14,24,.78)); box-shadow: 0 28px 90px rgba(0,0,0,.22); }
.v53-server-card-head { display: grid; grid-template-columns: auto 1fr; gap: 11px; align-items: center; padding-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,.05); }
.v53-server-card-head small,.v53-server-stats small { display:block; color:#58657b; font-size:6px; font-weight:900; letter-spacing:.12em; }
.v53-server-card-head strong { display:block; margin-top:2px; color:#dfe6f0; font-size:10px; }
.v53-server-stats { display:grid; grid-template-columns:1fr 1fr; gap:1px; margin-top:14px; background:rgba(255,255,255,.04); border-radius:13px; overflow:hidden; }
.v53-server-stats > div { padding:16px; background:#0d1320; }
.v53-server-stats strong { display:block; margin-top:5px; color:#edf2f8; font:700 20px/1 'Space Grotesk',sans-serif; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.v53-home-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; padding-bottom:90px; }
.v53-home-grid > a { min-width:0; display:grid; grid-template-columns:auto 1fr auto; gap:13px; align-items:center; padding:17px; border:1px solid var(--v5-line); border-radius:17px; background:rgba(12,17,28,.7); transition:.18s ease; }
.v53-home-grid > a:hover { transform:translateY(-2px); border-color:rgba(126,155,211,.18); background:rgba(16,22,35,.86); }
.v53-home-grid > a > span { width:39px; height:39px; display:grid; place-items:center; border-radius:11px; color:#9cb3de; background:rgba(70,112,190,.06); }
.v53-home-card-icon { width:18px; height:18px; }
.v53-home-grid small { display:block; color:#56647a; font-size:6px; font-weight:900; letter-spacing:.12em; }
.v53-home-grid strong { display:block; margin-top:3px; color:#e3e9f2; font-size:10px; }
.v53-home-grid p { margin:3px 0 0; color:#657186; font-size:8px; line-height:1.45; }
.v53-home-arrow { width:14px; height:14px; color:#63718a; }

.v53-role { display:inline-flex; align-items:center; width:max-content; padding:4px 7px; border-radius:999px; font-size:6px; font-weight:850; border:1px solid rgba(255,255,255,.05); background:rgba(255,255,255,.03); color:#7d899b; }
.v53-role.role-manager { color:#d6bc7e; background:rgba(221,190,116,.07); border-color:rgba(221,190,116,.1); }
.v53-role.role-admin { color:#99b5e8; background:rgba(59,130,246,.075); border-color:rgba(96,165,250,.1); }
.v53-role.role-moderator { color:#c3a8e8; background:rgba(139,92,246,.07); border-color:rgba(167,139,250,.1); }
.v53-role.role-helper { color:#8fceb0; background:rgba(52,211,153,.06); border-color:rgba(52,211,153,.1); }

.v53-editor-grid { display:grid; grid-template-columns:minmax(0,.8fr) minmax(360px,1.2fr); gap:10px; align-items:start; }
.v53-settings-form { display:grid; gap:10px; }
.v53-settings-form label { display:grid; gap:5px; color:#69768c; font-size:7px; font-weight:800; }
.v53-settings-form input,.v53-settings-form textarea,.v53-settings-form select { width:100%; border:1px solid rgba(255,255,255,.065); border-radius:10px; outline:0; background:rgba(255,255,255,.022); color:#e9eef6; padding:10px 11px; font:inherit; font-size:8px; resize:vertical; }
.v53-settings-form input:focus,.v53-settings-form textarea:focus,.v53-settings-form select:focus { border-color:rgba(96,165,250,.28); box-shadow:0 0 0 3px rgba(59,130,246,.04); }
.v53-settings-form select option { background:#101623; }
.v53-form-row { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; align-items:end; }
.v53-check { display:flex!important; grid-template-columns:auto!important; flex-direction:row!important; align-items:center; gap:8px!important; min-height:39px; padding:0 10px; border:1px solid rgba(255,255,255,.055); border-radius:10px; background:rgba(255,255,255,.018); }
.v53-check input { width:14px!important; height:14px; accent-color:#4c79d8; }
.v53-form-actions { display:flex; gap:7px; flex-wrap:wrap; margin-top:3px; }
.v53-form-actions .button { padding:9px 12px; font-size:7.5px; }
.v53-content-list { display:grid; gap:5px; }
.v53-content-row { display:grid; grid-template-columns:minmax(0,1fr) auto auto auto; gap:9px; align-items:center; padding:10px; border:1px solid rgba(255,255,255,.04); border-radius:11px; background:rgba(255,255,255,.014); }
.v53-content-row strong { display:block; font-size:8px; color:#dce3ed; }
.v53-content-row small { display:block; margin-top:2px; color:#596579; font-size:6.5px; }
.v53-content-row > a,.v53-content-row button { color:#849ac0; font-size:7px; font-weight:800; border:0; background:none; padding:0; }
.v53-content-row button { color:#b87980; }
.v53-state { padding:4px 6px; border-radius:999px; background:rgba(255,255,255,.03); color:#657184; font-size:6px; font-weight:850; }
.v53-state.is-on { color:#83c9a3; background:rgba(52,211,153,.055); }
.v53-product-price { margin:-1px 0 9px; color:#7b879b; font-size:8px; font-weight:800; }
.v53-vote-reward { display:inline-flex; align-items:center; gap:5px; margin:-5px 0 13px; padding:6px 8px; border-radius:8px; color:#d7c080; background:rgba(219,185,105,.05); font-size:7px; font-weight:850; }
.v53-empty-public { grid-column:1/-1; padding:42px; border:1px solid var(--v5-line); border-radius:16px; color:#657186; text-align:center; font-size:9px; background:rgba(13,18,29,.6); }

@media(max-width:900px){.v53-home{grid-template-columns:1fr;gap:24px;padding-top:50px}.v53-home-grid{grid-template-columns:1fr 1fr}.v53-editor-grid{grid-template-columns:1fr}.v53-form-row{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.v53-home{padding-top:34px;min-height:auto}.v53-home-copy h1{font-size:43px}.v53-home-actions{display:grid}.v53-home-actions>*{width:100%}.v53-home-grid{grid-template-columns:1fr;padding-bottom:65px}.v53-form-row{grid-template-columns:1fr}.v53-content-row{grid-template-columns:minmax(0,1fr) auto}.v53-content-row>a,.v53-content-row>form{grid-row:2}.v53-server-stats strong{font-size:16px}}

/* ============================================================
   FR-SMP V6.2.3 — Compte joueur premium / compact
   ============================================================ */
.v623-account{padding:54px 0 96px}.v623-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:24px}.v623-eyebrow{display:block;color:#60708b;font-size:10px;font-weight:900;letter-spacing:.18em}.v623-head h1{margin:7px 0 7px;font:750 clamp(38px,4.5vw,58px)/1 'Space Grotesk',sans-serif;letter-spacing:-.045em}.v623-head p{margin:0;color:#7b879a;font-size:14px;line-height:1.6}.v623-head-actions{display:flex;gap:10px;flex-wrap:wrap}.v623-hero{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);gap:28px;align-items:center;padding:26px;border:1px solid rgba(255,255,255,.075);border-radius:26px;background:linear-gradient(135deg,rgba(17,23,37,.96),rgba(10,15,26,.96));box-shadow:0 28px 80px rgba(0,0,0,.22);overflow:hidden}.v623-hero-accent{position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,#2563eb 0 31%,rgba(255,255,255,.82) 45% 55%,#ef3340 69% 100%);opacity:.85}.v623-identity{display:flex;align-items:center;gap:18px;min-width:0}.v623-avatar{position:relative;width:88px;height:88px;flex:0 0 88px;border-radius:25px;display:grid;place-items:center;overflow:visible;background:linear-gradient(145deg,#1c2943,#111827);box-shadow:0 16px 45px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.08)}.v623-avatar img,.v623-avatar>span{width:100%;height:100%;border-radius:25px;object-fit:cover}.v623-avatar>span{display:grid;place-items:center;font:800 28px 'Space Grotesk',sans-serif;color:#e7eefc}.v623-avatar i{position:absolute;right:-3px;bottom:3px;width:17px;height:17px;border-radius:50%;background:#34d399;border:4px solid #0e1422;box-shadow:0 0 18px rgba(52,211,153,.35)}.v623-identity-copy{min-width:0}.v623-name-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.v623-name-line h2{margin:0;font:750 clamp(25px,2.8vw,36px)/1.05 'Space Grotesk',sans-serif;letter-spacing:-.035em}.v623-role{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;color:#b8c8e9;background:rgba(37,99,235,.08);border:1px solid rgba(96,165,250,.12);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.v623-role-icon{width:12px;height:12px}.v623-handle{display:inline-flex;align-items:center;gap:7px;margin-top:7px;color:#8390a6;font-size:12px}.v623-handle-icon{width:16px;height:16px;color:#8791ff}.v623-profile-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px;color:#69768b;font-size:9px;font-weight:700}.v623-profile-meta span{display:inline-flex;align-items:center;gap:6px}.v623-profile-meta i{width:6px;height:6px;border-radius:50%;background:#34d399}.v623-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.v623-summary-card{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;align-items:center;padding:14px;border:1px solid rgba(255,255,255,.06);border-radius:16px;background:rgba(255,255,255,.022);transition:transform .2s ease,border-color .2s ease,background .2s ease}.v623-summary-card:hover{transform:translateY(-2px);border-color:rgba(96,165,250,.15);background:rgba(255,255,255,.032)}.v623-summary-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;color:#9fb5e1;background:rgba(59,130,246,.065)}.v623-summary-lys .v623-summary-icon{color:#dfc47d;background:rgba(219,185,105,.065)}.v623-summary-svg{width:18px;height:18px}.v623-summary-card small{display:block;color:#58667d;font-size:7px;font-weight:900;letter-spacing:.12em}.v623-summary-card strong{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eaf0fa;font:700 15px/1.15 'Space Grotesk',sans-serif}.v623-summary-card strong em{color:#d7bd79;font-style:normal;font-weight:650}.v623-summary-card p{margin:3px 0 0;color:#5e6a7e;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v623-main-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:16px;margin-top:16px;align-items:start}.v623-side{display:grid;gap:16px}.v623-card{padding:22px;border:1px solid rgba(255,255,255,.065);border-radius:21px;background:rgba(12,17,28,.84);box-shadow:0 18px 50px rgba(0,0,0,.13)}.v623-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:20px}.v623-card-head>div>span{display:block;color:#5e6c83;font-size:8px;font-weight:900;letter-spacing:.15em}.v623-card-head h2{margin:4px 0 0;font:700 21px/1.1 'Space Grotesk',sans-serif}.v623-state{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:999px;font-size:8px;font-weight:850;white-space:nowrap}.v623-state.is-ok{color:#86d7ae;background:rgba(52,211,153,.06);border:1px solid rgba(52,211,153,.12)}.v623-state.is-warn{color:#e4c47d;background:rgba(219,185,105,.06);border:1px solid rgba(219,185,105,.12)}.v623-state-icon{width:12px;height:12px}.v623-mc-profile{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:center;padding:20px;border:1px solid rgba(96,165,250,.09);border-radius:18px;background:linear-gradient(135deg,rgba(37,99,235,.045),rgba(255,255,255,.014))}.v623-mc-head{width:92px;height:92px;display:grid;place-items:center}.v623-mc-head img{width:92px;height:92px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 16px 18px rgba(0,0,0,.35));transition:transform .25s ease}.v623-mc-profile:hover .v623-mc-head img{transform:translateY(-3px) rotate(-2deg) scale(1.03)}.v623-mc-fallback{width:76px;height:76px;display:grid;place-items:center;border-radius:18px;color:#b6c7e9;background:rgba(37,99,235,.07);border:1px solid rgba(96,165,250,.1)}.v623-mc-fallback-svg{width:31px;height:31px}.v623-mc-copy small{color:#62718a;font-size:8px;font-weight:900;letter-spacing:.13em}.v623-mc-copy h3{margin:4px 0 12px;font:750 27px/1 'Space Grotesk',sans-serif;letter-spacing:-.03em}.v623-code-line{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center}.v623-code-line span{color:#526079;font-size:7px;font-weight:900;letter-spacing:.12em}.v623-code-line code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8996aa;font-size:9px}.v623-mc-copy p{margin:8px 0 0;color:#5f6c80;font-size:9px}.v623-server-box{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-top:12px;padding:13px 14px;border:1px solid rgba(255,255,255,.055);border-radius:14px;background:rgba(255,255,255,.017)}.v623-server-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#95aadd;background:rgba(59,130,246,.055)}.v623-server-svg{width:16px;height:16px}.v623-server-box small{display:block;color:#5c6980;font-size:7px;font-weight:900;letter-spacing:.12em}.v623-server-box strong{display:block;margin-top:2px;font-size:11px}.v623-copy{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid rgba(255,255,255,.07);border-radius:9px;color:#92a5c9;background:rgba(255,255,255,.025);font-size:8px;font-weight:850}.v623-copy-svg{width:13px;height:13px}.v623-copy.copied{color:#79d9aa;border-color:rgba(52,211,153,.2)}.v623-card-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:15px;padding-top:15px;border-top:1px solid rgba(255,255,255,.05)}.v623-card-footer>span{display:inline-flex;align-items:center;gap:7px;color:#6d7a90;font-size:9px}.v623-card-footer strong{color:#cbd5e5}.v623-footer-icon{width:14px;height:14px}.v623-unlink{border:0;background:none;padding:0;color:#8e6870;font-size:8px;font-weight:800}.v623-unlink:hover{color:#d7848f}.v623-connect{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid rgba(96,165,250,.09);border-radius:17px;background:rgba(37,99,235,.035)}.v623-connect-icon{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border-radius:12px;color:#a7b9df;background:rgba(59,130,246,.06)}.v623-connect-svg{width:21px;height:21px}.v623-connect strong{font-size:12px}.v623-connect p{margin:4px 0 0;color:#708097;font-size:10px;line-height:1.55}.v623-form{display:grid;gap:10px;margin-top:14px}.v623-form label{color:#77859a;font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.v623-input{height:52px;display:grid;grid-template-columns:44px 1fr;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:#080d18;transition:border-color .2s ease,box-shadow .2s ease}.v623-input:focus-within{border-color:rgba(96,165,250,.38);box-shadow:0 0 0 4px rgba(37,99,235,.07)}.v623-input-icon{width:18px;height:18px;justify-self:center;color:#7f96c7}.v623-input input{height:100%;width:100%;border:0;outline:0;background:transparent;color:#eff4fc;padding:0 13px;font:700 14px 'Space Grotesk',sans-serif}.v623-info-list{display:grid;gap:8px}.v623-info-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.045);border-radius:12px;background:rgba(255,255,255,.014)}.v623-info-row>span:first-child{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:#879cc5;background:rgba(59,130,246,.045)}.v623-info-icon{width:15px;height:15px}.v623-text-icon{font:800 8px 'Space Grotesk',sans-serif}.v623-info-row small{display:block;color:#56647a;font-size:7px;font-weight:900;letter-spacing:.1em}.v623-info-row strong{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;color:#cbd4e2;font-size:9px}.v623-info-row b{padding:4px 6px;border-radius:999px;color:#7ed3a5;background:rgba(52,211,153,.05);font-size:7px}.v623-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.v623-security{display:flex;gap:13px;align-items:flex-start;padding:17px}.v623-security-icon{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:10px;color:#93a8d4;background:rgba(59,130,246,.05)}.v623-security-svg{width:17px;height:17px}.v623-security small{color:#56647b;font-size:7px;font-weight:900;letter-spacing:.11em}.v623-security h3{margin:3px 0 4px;font:700 13px 'Space Grotesk',sans-serif}.v623-security p{margin:0;color:#68758a;font-size:9px;line-height:1.6}
@media(max-width:1050px){.v623-hero{grid-template-columns:1fr}.v623-summary{grid-template-columns:repeat(3,1fr)}.v623-main-grid{grid-template-columns:1fr}.v623-side{grid-template-columns:1fr 1fr}.v623-security{height:100%}}
@media(max-width:720px){.v623-account{padding:34px 0 72px}.v623-head{align-items:flex-start;flex-direction:column}.v623-head-actions{width:100%}.v623-head-actions .button{flex:1}.v623-hero{padding:20px;border-radius:21px}.v623-identity{align-items:center}.v623-avatar{width:70px;height:70px;flex-basis:70px;border-radius:20px}.v623-avatar img,.v623-avatar>span{border-radius:20px}.v623-summary{grid-template-columns:1fr}.v623-summary-card{padding:12px}.v623-main-grid{gap:12px}.v623-side{grid-template-columns:1fr;gap:12px}.v623-card{padding:18px;border-radius:18px}.v623-mc-profile{grid-template-columns:1fr;text-align:center}.v623-mc-head{margin:auto}.v623-code-line{grid-template-columns:1fr}.v623-server-box{grid-template-columns:auto 1fr}.v623-copy{grid-column:1/-1;justify-content:center;width:100%}.v623-card-footer{align-items:flex-start;flex-direction:column}.v623-info-row{grid-template-columns:34px minmax(0,1fr)}.v623-info-row b{grid-column:2;justify-self:start}.v623-name-line h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.v623-summary-card,.v623-mc-head img{transition:none!important}}