:root{--bg: #02040a;--ink: #f5f8ff;--muted: #8fa3c7;--accent: #2f7bff;--accent-2: #7eb6ff;--line: rgba(126, 182, 255, .16);--glow: rgba(47, 123, 255, .55);--ok: #3dff9a;--warn: #ffcc4d;--bad: #ff4d62;--font-d: "Syne", sans-serif;--font-b: "Manrope", sans-serif;--sidebar-w: 272px;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{font-family:var(--font-b);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}img{display:block;max-width:100%}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{opacity:.45}50%{opacity:1}}@keyframes shimmer{0%{background-position:0% 50%}to{background-position:100% 50%}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 1.25rem;border-radius:12px;font-weight:700;letter-spacing:-.01em;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s}.btn:hover{transform:translateY(-2px)}.btn:disabled{opacity:.45;transform:none;cursor:not-allowed}.btn-primary{color:#fff;background:linear-gradient(120deg,#5aa2ff,#1a5fe8 50%,#3d8bff);background-size:200% 200%;animation:shimmer 7s linear infinite;box-shadow:0 0 0 1px #7eb6ff66,0 16px 40px var(--glow)}.btn-ghost{border:1px solid var(--line);background:#0a12248c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-ghost:hover{border-color:#7eb6ff73;background:#182a548c}.btn-sm{padding:.55rem .9rem;font-size:.88rem}.btn-block{width:100%}.muted{color:var(--muted);line-height:1.55}.page-title{margin:0 0 .45rem;font-family:var(--font-d);font-size:clamp(2rem,4vw,2.85rem);font-weight:800;letter-spacing:-.05em;line-height:1.02;animation:rise .55s ease both}.page-sub{margin:0 0 2rem;max-width:36rem;color:var(--muted);font-size:1.05rem;animation:rise .65s .05s ease both}.err{margin-bottom:1rem;padding:.85rem 1rem;border-radius:12px;background:#ff4d621f;border:1px solid rgba(255,77,98,.28);color:#ff8a98;font-size:.92rem}.panel{border:1px solid var(--line);border-radius:16px;background:linear-gradient(165deg,#1220408c,#060a16d9);padding:1.25rem 1.35rem;box-shadow:0 20px 50px #00000040}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;animation:rise .7s .08s ease both}@media (max-width: 800px){.stat-grid{grid-template-columns:1fr}}.stat{position:relative;overflow:hidden;padding:1.25rem 1.3rem;border-radius:16px;border:1px solid var(--line);background:linear-gradient(160deg,#1e3a7859,#060c1ce6)}.stat:after{content:"";position:absolute;top:-40%;right:-20%;width:120px;height:120px;border-radius:50%;background:#2f7bff33;filter:blur(30px);pointer-events:none}.stat strong{position:relative;display:block;font-family:var(--font-d);font-size:2.2rem;font-weight:800;letter-spacing:-.05em;background:linear-gradient(120deg,#fff,#8ec5ff);-webkit-background-clip:text;background-clip:text;color:transparent}.stat span{position:relative;color:var(--muted);font-size:.88rem;font-weight:600}.guild-grid{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.guild-card{display:grid;grid-template-columns:auto 1fr;gap:.9rem;align-items:center;padding:1.05rem 1.1rem;border-radius:16px;border:1px solid var(--line);background:linear-gradient(165deg,#101c38bf,#050914eb);text-align:left;width:100%;transition:border-color .2s,transform .2s,box-shadow .2s}button.guild-card:hover{transform:translateY(-3px);border-color:#7eb6ff80;box-shadow:0 18px 40px #143ca040}.guild-icon{width:52px;height:52px;border-radius:15px;object-fit:cover;background:linear-gradient(145deg,#1c2d55,#0b1224);display:grid;place-items:center;font-family:var(--font-d);font-weight:800;color:var(--accent-2);flex-shrink:0;box-shadow:0 0 0 1px #7eb6ff33}.guild-icon.lg{width:72px;height:72px;border-radius:20px}.badge{display:inline-flex;align-items:center;padding:.18rem .5rem;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.badge.ok{color:var(--ok);background:#3dff9a1f}.badge.warn{color:var(--warn);background:#ffcc4d1f}.badge.plan{color:var(--accent-2);background:#2f7bff2e}.section-label{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:2.2rem 0 1rem;padding-bottom:.75rem;border-bottom:1px solid var(--line)}.section-label h2{margin:0;font-family:var(--font-d);font-size:1.15rem;letter-spacing:-.02em}.empty{color:var(--muted);font-size:.95rem}.plan-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.plan-card{border:1px solid var(--line);border-radius:18px;padding:1.35rem;background:linear-gradient(165deg,#101e3ccc,#050a16f2);transition:transform .2s,border-color .2s}.plan-card:hover{transform:translateY(-3px);border-color:#7eb6ff66}.plan-card.featured{border-color:#7eb6ff8c;box-shadow:0 0 0 1px #7eb6ff33,0 24px 60px #2f7bff38}.plan-card h3{margin:0 0 .25rem;font-family:var(--font-d);font-size:1.35rem;letter-spacing:-.03em}.plan-price{font-family:var(--font-d);font-size:2rem;font-weight:800;letter-spacing:-.05em;margin:.7rem 0;background:linear-gradient(120deg,#fff,#8ec5ff);-webkit-background-clip:text;background-clip:text;color:transparent}.plan-price span{font-size:.9rem;color:var(--muted);font-weight:600;background:none;-webkit-text-fill-color:var(--muted)}.perk{display:flex;gap:.55rem;align-items:flex-start;font-size:.9rem;margin:.4rem 0;font-weight:500}.perk.ok{color:var(--ink)}.perk.no{color:#667690}.perk i{font-style:normal;width:1rem;text-align:center;color:var(--ok)}.perk.no i{color:var(--bad)}.table-list{display:grid;gap:0;border-top:1px solid var(--line)}.table-row{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;padding:1.05rem 0;border-bottom:1px solid var(--line)}