:root{--bg:#07070b;--panel:rgba(18,18,28,.62);--line:rgba(255,255,255,.09);--text:#f7f7fb;--muted:#a2a2b3;--accent:#8b5cf6;--accent2:#22d3ee;--shadow:0 20px 80px rgba(0,0,0,.38)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100vh;overflow-x:hidden}.bg{position:fixed;inset:0;pointer-events:none;overflow:hidden;background:radial-gradient(circle at 50% 10%,rgba(139,92,246,.14),transparent 34%),radial-gradient(circle at 80% 70%,rgba(34,211,238,.08),transparent 24%)}.grid{position:absolute;inset:-20%;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;transform:perspective(900px) rotateX(65deg) translateY(12%);mask-image:linear-gradient(to bottom,transparent,black 30%,transparent)}.orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.42;animation:float 10s ease-in-out infinite}.orb.one{width:360px;height:360px;left:-120px;top:15%;background:#6d28d9}.orb.two{width:300px;height:300px;right:-80px;bottom:10%;background:#0891b2;animation-delay:-4s}@keyframes float{50%{transform:translate3d(0,28px,0) scale(1.05)}}.shell{width:min(1000px,calc(100% - 32px));margin:0 auto;padding:64px 0 40px}.glass{background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:var(--shadow)}.hero{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;padding:26px;border-radius:28px}.avatar-wrap{width:112px;height:112px;border-radius:50%;padding:2px;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 0 40px rgba(139,92,246,.28)}.avatar{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;border:4px solid #0d0d14}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:700;color:#9d9daf;margin-bottom:8px}.hero h1{font-size:clamp(32px,6vw,56px);line-height:1;margin:0 0 10px;letter-spacing:-.04em}.hero p{color:var(--muted);margin:0;max-width:500px}.socials{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end;max-width:300px}.social{padding:10px 13px;border:1px solid var(--line);border-radius:999px;color:#ddd;text-decoration:none;font-size:13px;background:rgba(255,255,255,.03);transition:.25s}.social:hover{transform:translateY(-2px);border-color:rgba(139,92,246,.5);background:rgba(139,92,246,.1)}.intro{display:flex;align-items:center;gap:14px;color:#7f8092;font-size:11px;letter-spacing:.2em;justify-content:center;margin:58px 0 22px}.line{width:80px;height:1px;background:linear-gradient(90deg,transparent,var(--line))}.line:last-child{background:linear-gradient(90deg,var(--line),transparent)}.server-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.server{position:relative;border-radius:24px;padding:20px;overflow:hidden;transition:transform .3s ease,border-color .3s ease,background .3s ease}.server:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.16);background:rgba(22,22,34,.76)}.server:after{content:"";position:absolute;inset:auto -30% -55% -30%;height:140px;background:radial-gradient(circle,rgba(139,92,246,.14),transparent 62%);pointer-events:none}.server-top{display:flex;align-items:center;gap:14px}.server-icon{width:64px;height:64px;border-radius:18px;object-fit:cover;background:#10111a;border:1px solid var(--line)}.server-icon.large{width:72px;height:72px;border-radius:20px}.server h3{margin:0;font-size:18px}.server p{color:var(--muted);line-height:1.6;margin:14px 0 18px;min-height:50px}.server-actions{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 15px;border-radius:14px;text-decoration:none;font-weight:700;font-size:13px;cursor:pointer;border:1px solid var(--line);color:#f4f4f7;background:rgba(255,255,255,.04);transition:.25s}.btn:hover{transform:translateY(-2px)}.btn.primary{border-color:transparent;background:linear-gradient(135deg,var(--accent),#6d28d9);box-shadow:0 10px 30px rgba(109,40,217,.25)}.footer{text-align:center;color:#6f7080;font-size:12px;margin-top:50px}.footer span{margin:0 7px}.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:18px;z-index:30}.modal.show{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.68);backdrop-filter:blur(8px)}.modal-card{position:relative;width:min(520px,100%);border-radius:26px;padding:25px;animation:pop .25s ease}@keyframes pop{from{opacity:0;transform:scale(.97) translateY(10px)}to{opacity:1;transform:none}}.close{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.05);border:1px solid var(--line);color:#fff;font-size:24px;cursor:pointer}.modal-server-head{display:flex;align-items:center;gap:16px;padding-right:40px}.modal-card h2{margin:0;font-size:26px}.modal-description{color:var(--muted);line-height:1.65;margin:20px 0}.preview-url{border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:16px;background:rgba(0,0,0,.16)}.preview-url span{display:block;color:#77798c;font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px}.preview-url code{color:#d9d9e2;font-size:13px}.modal-card .btn{width:100%;padding:14px;margin-bottom:10px}.tiny{font-size:11px;color:#6f7080;text-align:center;margin:0}.empty{text-align:center;color:var(--muted);padding:35px;border-radius:22px}.reveal{animation:rise .65s cubic-bezier(.2,.8,.2,1) both}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.delay-1{animation-delay:.08s}.delay-2{animation-delay:.16s}
@media(max-width:780px){.hero{grid-template-columns:auto 1fr}.socials{grid-column:1/-1;justify-content:flex-start;max-width:none}.server-grid{grid-template-columns:1fr}.shell{padding-top:24px}.intro{margin-top:40px}.avatar-wrap{width:88px;height:88px}.hero{padding:20px}.hero h1{font-size:36px}}