@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#090611;--panel:#130d20;--panel2:#1b1230;--line:rgba(205,164,255,.19);--violet:#b889ff;--lilac:#e5caff;--pink:#ed9de8;--gold:#eacb91;--text:#f7f1ff;--muted:#b9adc8;--green:#72e3ba;--shadow:0 24px 70px rgba(0,0,0,.45)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% -10%,rgba(136,73,208,.25),transparent 38rem),radial-gradient(ellipse at 5% 40%,rgba(89,42,129,.17),transparent 35rem),var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{max-width:1440px;margin:auto;padding:22px 28px 90px}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}.brand{display:flex;align-items:center;gap:13px}.mark{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#e8d2ff,#8153bd 48%,#27143c);color:#170d24;font:800 18px Manrope;box-shadow:0 0 35px #9d5ee955}.brand h1{font:800 19px Manrope;margin:0;letter-spacing:.04em}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.22em;margin-top:4px}.top-actions{display:flex;gap:9px;align-items:center}.pill,.btn{border:1px solid var(--line);border-radius:999px;padding:10px 15px;background:#1b1230;color:var(--text);font-size:12px;cursor:pointer}.btn.primary{background:linear-gradient(110deg,#d7b6ff,#9866d3);color:#1b1027;border:0;font-weight:800}.btn.ghost{background:transparent}.hero{position:relative;overflow:hidden;border:1px solid rgba(210,174,255,.28);border-radius:28px;padding:32px;background:linear-gradient(115deg,rgba(42,23,64,.96),rgba(14,9,24,.93) 62%,rgba(68,37,91,.75));box-shadow:var(--shadow);margin-bottom:24px}.hero:after{content:'21:21';position:absolute;right:4%;top:5%;font:800 clamp(80px,16vw,220px) Manrope;color:#fff;opacity:.035;letter-spacing:-.08em;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:.25em;color:var(--gold);font-weight:700}.hero h2{font:800 clamp(28px,5vw,52px)/1.05 Manrope;max-width:750px;margin:13px 0}.hero p{max-width:660px;color:#d4c7e4;line-height:1.65;font-size:14px}.stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.stat{padding:12px 16px;border:1px solid var(--line);border-radius:15px;background:#100a1a99;min-width:120px}.stat strong{display:block;font:800 22px Manrope}.stat span{color:var(--muted);font-size:10px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:28px 0 14px}.section-head h3{font:800 21px Manrope;margin:0}.section-head p{font-size:12px;color:var(--muted);margin:5px 0 0}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.filter{border:1px solid var(--line);background:#120c1c;color:var(--muted);border-radius:999px;padding:9px 13px;font-size:11px;cursor:pointer}.filter.active{background:#3b2457;color:#f5e9ff;border-color:#b889ff}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.person{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:linear-gradient(160deg,#211432,#100b19 68%);min-height:260px;display:flex;flex-direction:column;box-shadow:0 12px 35px #0004}.portrait{height:145px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 35%,var(--glow,#a36bd4) 0,transparent 34%),linear-gradient(140deg,var(--shade,#392052),#100b1a 72%)}.portrait:before{content:'';position:absolute;width:128px;height:128px;border-radius:50%;border:1px solid #fff4;box-shadow:0 0 40px var(--glow,#a36bd4);transform:rotateX(62deg) rotateZ(-20deg);top:20px}.portrait:after{content:'';position:absolute;width:75px;height:75px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff9,var(--glow,#a36bd4) 30%,#342044 75%);filter:drop-shadow(0 14px 18px #0009);opacity:.8}.avatar{position:relative;z-index:2;width:82px;height:82px;border-radius:50%;display:grid;place-items:center;border:1px solid #ffffff80;background:linear-gradient(145deg,#ffffff35,#ffffff08);backdrop-filter:blur(10px);font:800 25px Manrope;text-shadow:0 2px 14px #000}.float-tag{position:absolute;z-index:3;top:10px;left:10px;border:1px solid #ffffff38;background:#10091dbb;border-radius:99px;padding:5px 8px;font-size:9px;letter-spacing:.1em}.online{position:absolute;z-index:3;right:10px;top:12px;color:#b8f6d9;font-size:9px}.person-body{padding:13px;display:flex;flex-direction:column;flex:1}.person h4{font:700 16px Manrope;margin:0 0 3px}.role{font-size:10px;color:var(--gold);margin-bottom:8px}.desc{font-size:11px;color:#c9bdd6;line-height:1.45;min-height:48px}.meta{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.tag{font-size:9px;padding:5px 8px;border-radius:99px;background:#ffffff0b;border:1px solid #ffffff17;color:#d9cbe8}.person-actions{display:flex;gap:7px;margin-top:auto}.person-actions button{flex:1;padding:9px 8px;border-radius:10px;border:1px solid var(--line);background:#241735;color:#f5eaff;font-size:10px;cursor:pointer}.person-actions button:first-child{background:linear-gradient(110deg,#d5b3ff,#9763d0);color:#1c1028;border:0;font-weight:800}.club{display:grid;grid-template-columns:1fr 1fr;gap:14px}.club-panel{border:1px solid var(--line);border-radius:20px;padding:18px;background:linear-gradient(145deg,#1b1230,#100b19)}.club-panel h4{font:700 17px Manrope;margin:0 0 5px}.club-panel p{font-size:11px;color:var(--muted);line-height:1.5}.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.slot{border:1px dashed #a98ac766;border-radius:12px;padding:13px 8px;text-align:center;color:#bcaaca;background:#ffffff04;font-size:10px}.slot b{display:block;color:#eee0ff;font-size:15px;margin-bottom:4px}.notice{margin-top:18px;padding:14px 16px;border:1px solid rgba(234,203,145,.25);border-radius:14px;background:#2a201a55;color:#d8c8ad;font-size:11px;line-height:1.55}.footer{margin-top:28px;border-top:1px solid var(--line);padding-top:16px;color:#9488a4;font-size:10px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.modal{position:fixed;inset:0;background:#05030be8;display:none;align-items:center;justify-content:center;padding:18px;z-index:50}.modal.open{display:flex}.dialog{width:min(560px,100%);border:1px solid #b889ff66;border-radius:22px;background:linear-gradient(145deg,#211432,#0d0815);padding:22px;box-shadow:0 30px 100px #000b}.dialog-head{display:flex;justify-content:space-between;gap:12px}.dialog h3{font:800 22px Manrope;margin:0}.dialog p{color:#cbbfda;font-size:12px;line-height:1.6}.close{border:1px solid var(--line);background:#ffffff0b;color:#fff;border-radius:50%;width:34px;height:34px;cursor:pointer}.chat-preview{background:#0b0711;border:1px solid var(--line);border-radius:14px;padding:13px;margin:14px 0;color:#ddd0ec;font-size:12px;line-height:1.6}.chat-preview input{width:100%;padding:11px;border-radius:10px;background:#1b1230;border:1px solid var(--line);color:#fff;margin-top:9px}.disclaimer{font-size:10px!important;color:#aa9cb9!important}.empty{grid-column:1/-1;padding:26px;border:1px dashed var(--line);border-radius:16px;text-align:center;color:var(--muted);font-size:12px}@media(max-width:980px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:680px){.shell{padding:15px 14px 60px}.top{align-items:flex-start}.top-actions .pill{display:none}.hero{padding:23px 19px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.person{min-height:275px}.portrait{height:125px}.club{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.stats{gap:7px}.stat{min-width:calc(33.3% - 5px);padding:10px}.stat strong{font-size:18px}}@media(max-width:390px){.grid{grid-template-columns:1fr}.person{min-height:250px}.portrait{height:150px}}