.stats { display:grid; grid-template-columns:repeat(3,1fr); gap:17px; margin:25px 0 37px; }.stat-card,.activity-card { background:linear-gradient(145deg,#1b1830,#151326); border:1px solid var(--line); border-radius:var(--radius); }.stat-card { padding:18px 19px; display:flex; align-items:center; gap:13px; }.stat-icon { width:43px; height:43px; display:grid; place-items:center; border-radius:13px; font-size:19px; background:#6549f52c; color:#a895ff; }.stat-icon.gold { background:#f5b64b22; color:#ffc765; }.stat-icon.blue { background:#42c5ff1c; color:#6cd4ff; }.stat-card p { margin:0; color:var(--muted); font-size:12px; }.stat-card strong { display:block; font-size:19px; margin-top:2px; }.section-heading { display:flex; align-items:end; justify-content:space-between; margin-bottom:16px; }.section-heading h2 { margin:3px 0 0; font-size:19px; }.filters { display:flex; gap:7px; flex-wrap:wrap; }.filter { padding:7px 11px; border:1px solid var(--line); background:#17142a; border-radius:8px; color:#aaa5c0; font-size:11px; }.filter.active { color:#eeeaff; background:#7454ed38; border-color:#8067e8; }.task-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }.task-card { min-height:245px; background:linear-gradient(145deg,#1c1932,#151326); border:1px solid var(--line); padding:19px; border-radius:var(--radius); display:flex; flex-direction:column; transition:.2s; }.task-card:hover { transform:translateY(-3px); border-color:#765ce0; box-shadow:0 15px 27px #00000038; }.task-top { display:flex; align-items:center; gap:8px; }.platform-icon { width:33px; height:33px; display:grid; place-items:center; color:#fff; font-weight:800; border-radius:10px; }.pink{background:linear-gradient(135deg,#ff638d,#b849c6)}.blue{background:linear-gradient(135deg,#4c9bff,#3860dd)}.red{background:linear-gradient(135deg,#ff626d,#d53449)}.dark{background:linear-gradient(135deg,#656178,#29263a)}.task-platform { color:var(--muted); font-size:11px; }.more { margin-right:auto; color:#88829e; background:transparent; border:0; letter-spacing:1px; }.task-card h3 { font-size:15px; margin:18px 0 6px; }.task-card>p { color:var(--muted); font-size:12px; line-height:1.85; margin:0; }.task-meta { display:flex; gap:8px; margin-top:15px; }.task-meta span { background:#292540; color:#aaa5c3; font-size:10px; padding:4px 8px; border-radius:6px; }.task-card footer { margin-top:auto; padding-top:15px; display:flex; align-items:center; justify-content:space-between; border-top:1px solid #292541; }.task-card footer strong { color:#68d4ff; font-size:13px; }.task-card footer small { font-size:13px; }.activity-card { margin-top:28px; padding:22px; }.compact { margin-bottom:18px; }.badge { padding:6px 9px; font-size:10px; border-radius:6px; }.success { color:#75dcff; background:#42c5ff17; }.bars { height:140px; border-bottom:1px solid var(--line); display:flex; align-items:end; justify-content:space-around; }.bars div { height:100%; width:35px; display:flex; flex-direction:column; justify-content:end; align-items:center; gap:8px; color:#8f89aa; font-size:11px; }.bars i { display:block; width:100%; background:linear-gradient(#9d81ff,#5a3ee8); box-shadow:0 0 15px #7657eb45; border-radius:7px 7px 2px 2px; }
.modal-backdrop { position:fixed; inset:0; z-index:4; background:#080611be; display:grid; place-items:center; padding:18px; }.modal-backdrop[hidden] { display:none; }.modal-card { position:relative; width:min(440px,100%); background:#1a1730; border:1px solid #40386d; border-radius:20px; padding:30px; box-shadow:0 20px 50px #0009; }.modal-card h2 { font-size:20px; margin:8px 0; }.modal-card p:not(.eyebrow) { color:var(--muted); font-size:13px; line-height:2; }.close { position:absolute; left:16px; top:13px; border:0; color:#fff; background:#2b2744; border-radius:8px; font-size:22px; width:31px; height:31px; }.modal-points { margin:20px 0; background:#282344; padding:12px; border-radius:9px; color:#b5afce; font-size:12px; }.modal-points strong { color:#6bd6ff; }.submit-task { width:100%; }
.page-intro { padding:34px 0 25px; }.page-intro h1 { margin:5px 0; font-size:28px; }.page-intro>p:not(.eyebrow) { margin:0; color:var(--muted); font-size:13px; }.task-grid.full { grid-template-columns:repeat(3,1fr); }.wallet-hero { display:flex; justify-content:space-between; align-items:center; padding:30px; border:1px solid #514083; border-radius:20px; background:linear-gradient(115deg,#251b50,#322571 56%,#173461); box-shadow:0 18px 35px #0004; }.wallet-hero span,.wallet-hero p { color:#c2b9e8; font-size:13px; }.wallet-hero strong { display:block; margin:6px 0; font-size:30px; }.wallet-hero strong small { font-size:14px; color:#c5baf9; }.wallet-hero p { margin:0; }.split-grid { display:grid; grid-template-columns:1.6fr 1fr; gap:17px; margin-top:20px; }.activity-card h2 { margin:5px 0 17px; font-size:17px; }.transaction { display:grid; grid-template-columns:35px 1fr auto 55px; align-items:center; gap:10px; padding:12px 0; border-top:1px solid var(--line); font-size:12px; }.transaction-mark { display:grid; place-items:center; width:31px; height:31px; border-radius:9px; color:#9c87ff; background:#7656ec20; }.transaction p { margin:2px 0 0; color:var(--muted); font-size:10px; }.transaction b { color:#e1ddec; }.transaction b.plus { color:#69d5ff; }.transaction small { font-size:9px; font-weight:400; }.transaction time { color:#827c98; font-size:10px; }.rule-list { margin:0; padding:0 18px 0 0; color:#b5afca; font-size:12px; line-height:2.6; }.table-card { padding:0 21px; }.table-head,.table-row { display:grid; grid-template-columns:2fr 1fr 1fr .5fr; gap:10px; align-items:center; padding:16px 0; border-bottom:1px solid var(--line); font-size:12px; }.table-head { color:#938da8; font-size:11px; }.table-row:last-child { border:0; }.table-row>span { color:#aaa4bf; }.table-row b { color:#65d1ff; }.status { width:max-content; padding:5px 8px; border-radius:6px; font-size:10px; }.approved { color:#65d7ae; background:#48cc9b18; }.pending { color:#ffc96c; background:#e6ae3e1c; }.settings-grid { align-items:start; }.settings-form { display:grid; gap:13px; }.settings-form label { display:grid; gap:6px; color:#b6b0cb; font-size:12px; }.settings-form input { width:100%; border:1px solid #36304f; border-radius:9px; padding:11px; background:#110f21; color:#fff; outline:none; }.settings-form input:focus { border-color:#8469ff; }.settings-form .button { width:max-content; margin-top:5px; }.social-row { display:flex; gap:10px; align-items:center; padding:13px 0; border-bottom:1px solid var(--line); font-size:12px; }.social-row p { color:var(--muted); margin:3px 0 0; font-size:10px; }.text-button,.connect-button { border:0; background:transparent; color:#9b84ff; font-size:11px; }.text-button { margin-right:auto; }.connect-button { margin-top:15px; border:1px dashed #5a5080; width:100%; padding:11px; border-radius:9px; }
.auth-screen { min-height:calc(100vh - 90px); display:grid; place-items:center; padding:35px 0; }.auth-card { width:min(450px,100%); text-align:center; padding:38px; border:1px solid #3d3564; border-radius:23px; background:linear-gradient(145deg,#1d1935,#131124); box-shadow:0 24px 60px #0007; }.auth-card>.brand-mark { margin:auto auto 18px; }.auth-card h1 { font-size:24px; margin:7px 0; }.auth-card>p:not(.eyebrow) { color:#aaa4c1; font-size:13px; line-height:2; }.auth-card small { display:block; color:#77718d; margin-top:18px; font-size:10px; }.google-login { display:block; margin:22px auto 0; width:100%; padding:13px; }.auth-notice { margin:20px 0; padding:12px; border:1px solid #473c71; border-radius:10px; color:#c8c0ec; background:#261f433d; font-size:12px; }.join-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:22px 0 15px; }.join-button { padding:11px 8px; border-radius:9px; background:#2d5fae; color:#fff; font-size:12px; font-weight:700; }.gate-card .text-button { margin-top:15px; }
@media (max-width:900px) { .task-grid.full { grid-template-columns:repeat(2,1fr); }.split-grid { grid-template-columns:1fr; } }
@media (max-width:760px) { .sidebar { display:block; position:fixed; z-index:8; top:0; right:0; bottom:0; width:min(280px,84vw); padding:24px 17px; transform:translateX(105%); transition:transform .25s ease; box-shadow:-16px 0 45px #0008; }.sidebar-inner { height:calc(100vh - 48px); }.menu-open .sidebar { transform:translateX(0); }.menu-open { overflow:hidden; }.nav-overlay { display:block; position:fixed; z-index:7; inset:0; border:0; background:#05030c9c; opacity:0; visibility:hidden; transition:.25s; }.menu-open .nav-overlay { opacity:1; visibility:visible; }.content { width:100%; padding:0 18px 30px; }.topbar { height:70px; }.menu-toggle { display:block; }.hero { padding:24px 20px; align-items:flex-start; gap:12px; }.hero h1 { font-size:22px; }.hero .button { white-space:nowrap; }.stats { grid-template-columns:1fr; margin:16px 0 28px; gap:9px; }.task-grid,.task-grid.full { grid-template-columns:1fr; }.section-heading { align-items:flex-start; gap:10px; flex-direction:column; }.profile em { display:none; }.page-intro { padding:25px 0 17px; }.page-intro h1 { font-size:23px; }.wallet-hero { padding:23px; align-items:flex-start; gap:18px; flex-direction:column; }.wallet-hero strong { font-size:26px; }.split-grid { grid-template-columns:1fr; }.table-card { overflow:auto; padding:0 14px; }.table-head,.table-row { min-width:500px; }.transaction { grid-template-columns:34px 1fr auto; }.transaction time { display:none; } }
.task-card { background:linear-gradient(145deg,#211d3a,#19162d); border-color:#302a4b; }
.telegram-guide { display:block; width:100%; height:430px; object-fit:contain; margin:18px auto; border:0; background:transparent; box-shadow:none; }
.telegram-tip { margin:14px 0 18px; line-height:1.9; }
.gate-card:has(.telegram-guide-grid) { width:min(1050px,100%); }
.telegram-guide-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; align-items:start; margin-top:22px; }
.telegram-guide-step { min-width:0; padding:0 16px; border-left:1px solid #302a4b; }
.telegram-guide-step:last-child { border-left:0; }
.telegram-guide-step>strong { display:block; color:#f5f2ff; font-size:14px; }
.telegram-guide-step>p { margin:7px 0 0; color:#aaa4c1; font-size:12px; line-height:1.9; }
@media (max-width:760px) { .telegram-guide-grid { grid-template-columns:1fr; gap:20px; }.telegram-guide-step { padding:18px 0 0; border-left:0; border-top:1px solid #302a4b; }.telegram-guide-step:first-child { padding-top:0; border-top:0; }.telegram-guide { height:400px; } }