:root{--bg-color:#f0f2f5;--text-color:#1a1a1a;--header-bg:#1c1c1e;--header-text:#fff;--primary:#007aff;--glow-1:#7c3aed80;--glow-2:#3b82f680;--vk-color:#07f;--tg-color:#27a0e7;--yt-color:red;--ds-color:#5865f2;--radius:24px}body.dark{--bg-color:#0d0d0d;--text-color:#fff;--header-bg:#f5f5f7;--header-text:#1a1a1a}body.glass{--bg-color:#111;--text-color:#fff;--header-bg:#1e1e1e80;--header-text:#fff}body.glass:before{content:"";z-index:-2;background-color:#222;background-image:radial-gradient(at 0 0,#21212c 0,#0000 50%),radial-gradient(at 98% 1%,#21212c 0,#0000 50%);position:fixed;inset:0}body.glass .glass-effect{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #ffffff1a}body{background-color:var(--bg-color);color:var(--text-color);min-height:100vh;margin:0;padding:80px 0;font-family:Inter,system-ui,sans-serif;transition:all .3s}.glow-btn{background:var(--header-bg);color:var(--header-text);cursor:pointer;border:none;border-radius:12px;padding:12px 24px;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.glow-btn:hover{box-shadow:0 0 20px var(--glow-1);transform:translateY(-2px)}.social-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px;display:grid}.social-card{color:#fff;border-radius:16px;align-items:center;padding:20px;font-size:1.2rem;font-weight:700;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.social-card:hover{filter:brightness(1.1);transform:scale(1.02)}.social-card .icon-box{color:#000;background:#fff;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;margin-right:20px;font-size:14px;font-weight:900;display:flex}.bg-vk{background:var(--vk-color)}.bg-tg{background:var(--tg-color)}.bg-yt{background:var(--yt-color)}.bg-ds{background:var(--ds-color)}input{color:#fff;box-sizing:border-box;background:#0003;border:1px solid #8080804d;border-radius:8px;width:100%;margin:8px 0;padding:12px}