@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(../media/inter-cyrillic-ext-400-normal.3vm4r-qr3_yee.woff2)format("woff2"),url(../media/inter-cyrillic-ext-400-normal.2e4vdgi7dy-n4.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(../media/inter-cyrillic-400-normal.1nwx-p2ngx2yg.woff2)format("woff2"),url(../media/inter-cyrillic-400-normal.2jms6gqb5gbhf.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(../media/inter-greek-ext-400-normal.2gr4b827yb2_q.woff2)format("woff2"),url(../media/inter-greek-ext-400-normal.38g6916w0wpxs.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(../media/inter-greek-400-normal.402ep76-j03q8.woff2)format("woff2"),url(../media/inter-greek-400-normal.2x8hqgpakc599.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(../media/inter-vietnamese-400-normal.1sl-kw9vnef9y.woff2)format("woff2"),url(../media/inter-vietnamese-400-normal.3206qgbkgsfc6.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(../media/inter-latin-ext-400-normal.1aowtwjb6jex7.woff2)format("woff2"),url(../media/inter-latin-ext-400-normal.0zt1v0rj9tqox.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(../media/inter-latin-400-normal.2qdljeg3s-lsl.woff2)format("woff2"),url(../media/inter-latin-400-normal.102grxki9ek3x.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(../media/inter-cyrillic-ext-600-normal.341-hvs74ljp4.woff2)format("woff2"),url(../media/inter-cyrillic-ext-600-normal.1of5i9-_e5ga4.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(../media/inter-cyrillic-600-normal.0tppy39gl-lzn.woff2)format("woff2"),url(../media/inter-cyrillic-600-normal.3jalm3505289h.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(../media/inter-greek-ext-600-normal.20m9kgz843wth.woff2)format("woff2"),url(../media/inter-greek-ext-600-normal.3vzrk1-4zat7v.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(../media/inter-greek-600-normal.2ove9n9b8_3hb.woff2)format("woff2"),url(../media/inter-greek-600-normal.3aakp9m92tg2m.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(../media/inter-vietnamese-600-normal.0m_wd36g8rw-r.woff2)format("woff2"),url(../media/inter-vietnamese-600-normal.0dwa77f5pp57q.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(../media/inter-latin-ext-600-normal.1zn8rwi8y9u6i.woff2)format("woff2"),url(../media/inter-latin-ext-600-normal.1pfmybho54-ry.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(../media/inter-latin-600-normal.2dov6rjg62vru.woff2)format("woff2"),url(../media/inter-latin-600-normal.2mum3nstrlzrd.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url(../media/inter-cyrillic-ext-800-normal.2i8lll1ab60kw.woff2)format("woff2"),url(../media/inter-cyrillic-ext-800-normal.36coln61sf74b.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url(../media/inter-cyrillic-800-normal.0jm0x3fwumjpc.woff2)format("woff2"),url(../media/inter-cyrillic-800-normal.0fwzotchi0y-f.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url(../media/inter-greek-ext-800-normal.3k72kqvea5c5b.woff2)format("woff2"),url(../media/inter-greek-ext-800-normal.2mmb79yjhjqv_.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url(../media/inter-greek-800-normal.3258q3tqv0awz.woff2)format("woff2"),url(../media/inter-greek-800-normal.0v1rrb42xd-ei.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url(../media/inter-vietnamese-800-normal.2e-qh93waan5z.woff2)format("woff2"),url(../media/inter-vietnamese-800-normal.1jj6xqtwla1yo.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url(../media/inter-latin-ext-800-normal.1_7rco082g2bl.woff2)format("woff2"),url(../media/inter-latin-ext-800-normal.1z80e_d0b7l-r.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url(../media/inter-latin-800-normal.1l5zt2v7macfm.woff2)format("woff2"),url(../media/inter-latin-800-normal.3p_gdtpozftvv.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#0d0f12;--surface:#15181c;--surface-2:#1c2024;--border:#2a2e33;--accent:#20c997;--accent-dim:#17a883;--warn:#d97706;--good:#16a34a;--ink:#eceef0;--ink-soft:#9a9fa6;--ink-dim:#5e6368;--font-display:"Sora",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--radius:16px}*{box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;transition:background-color .2s,color .2s}h1,h2,h3,h4{font-family:var(--font-display)}.container{max-width:1140px;margin:0 auto;padding:0 24px}.nav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 0;display:flex}.brand{align-items:center;gap:10px;text-decoration:none;display:flex}.brand-mark{background:var(--accent);color:#fff;width:30px;height:30px;font-family:var(--font-display);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.logo{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);font-size:18px;font-weight:700}.logo span{color:var(--accent)}.nav-links{gap:28px;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:var(--ink-soft);font-size:14px;font-weight:600;text-decoration:none}.nav-links a:hover{color:var(--ink)}.nav-right{align-items:center;gap:12px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:11px 22px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 14px #20c99740}.btn-primary:hover{background:var(--accent-dim);transform:translateY(-2px)}.btn-ghost{background:var(--surface);color:var(--ink);border-color:var(--border)}.btn-ghost:hover{background:var(--surface-2)}.theme-toggle,.notif-bell{background:var(--surface);border:1px solid var(--border);width:38px;height:38px;color:var(--ink);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;display:inline-flex;position:relative}.theme-toggle:hover,.notif-bell:hover{background:var(--surface-2)}.notif-dot{background:var(--accent);border:2px solid var(--surface);border-radius:50%;width:8px;height:8px;position:absolute;top:7px;right:7px}.hero{text-align:center;padding:90px 0 70px}.eyebrow{background:var(--surface);border:1px solid var(--border);color:var(--accent);border-radius:999px;align-items:center;gap:8px;margin-bottom:26px;padding:7px 16px;font-size:13px;font-weight:700;display:inline-flex}.eyebrow .dot{background:var(--good);border-radius:50%;width:6px;height:6px}.hero h1{letter-spacing:-.02em;margin:0 0 20px;font-size:54px;font-weight:700;line-height:1.08}.hero h1 em{color:var(--accent);font-style:normal}.hero p{color:var(--ink-soft);max-width:560px;margin:0 auto 34px;font-size:17px;line-height:1.6}.hero-actions{justify-content:center;gap:12px;display:flex}.hero-visual{background:var(--surface);border:1px solid var(--border);border-radius:20px;max-width:900px;margin-top:56px;margin-left:auto;margin-right:auto;padding:8px}.hero-visual-inner{background:var(--bg);border:1px solid var(--border);font-family:var(--font-mono);text-align:left;color:var(--ink-soft);border-radius:14px;padding:32px;font-size:13px}.hero-visual-inner .tag{color:var(--accent);font-weight:700}.stats{grid-template-columns:repeat(4,1fr);gap:16px;margin:64px 0;display:grid}.stat{text-align:center}.stat .num{color:var(--accent);font-size:34px;font-weight:800}.stat .label{color:var(--ink-soft);margin-top:6px;font-size:13.5px;font-weight:600}.feature-row{grid-template-columns:1fr 1fr;align-items:center;gap:56px;padding:64px 0;display:grid}.feature-row.reverse{direction:rtl}.feature-row.reverse>*{direction:ltr}.feature-visual{background:var(--surface);border:1px solid var(--border);border-radius:18px;justify-content:center;align-items:center;min-height:260px;padding:28px;display:flex}.feature-mock{background:var(--bg);border:1px solid var(--border);width:100%;font-family:var(--font-mono);color:var(--ink-soft);border-radius:12px;padding:20px;font-size:12px}.feature-mock .line{border-bottom:1px solid var(--border);padding:6px 0}.feature-mock .line:last-child{border-bottom:none}.feature-mock .accent{color:var(--accent);font-weight:700}.feature-eyebrow{color:var(--accent);margin-bottom:12px;font-size:13px;font-weight:700}.feature-content h3{letter-spacing:-.01em;margin:0 0 14px;font-size:28px}.feature-content p{color:var(--ink-soft);margin:0;font-size:15.5px;line-height:1.7}.section{padding:70px 0}.section-head{text-align:center;max-width:580px;margin:0 auto 48px}.section-head h2{margin:0 0 14px;font-size:34px}.section-head p{color:var(--ink-soft);margin:0;font-size:15.5px;line-height:1.6}.grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:26px;transition:transform .15s,box-shadow .15s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #0f1a2b0f}.card-icon{width:38px;height:38px;color:var(--accent);background:#20c9971a;border-radius:10px;justify-content:center;align-items:center;margin-bottom:16px;font-size:14px;font-weight:700;display:flex}.card h3{margin:0 0 8px;font-size:15.5px;font-weight:700}.card p{color:var(--ink-soft);margin:0;font-size:13.5px;line-height:1.6}.steps{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.step{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:22px}.step .idx{width:30px;height:30px;color:var(--accent);background:#20c9971a;border-radius:9px;justify-content:center;align-items:center;margin-bottom:12px;font-size:13px;font-weight:700;display:flex}.step h4{margin:0 0 6px;font-size:14.5px;font-weight:700}.step p{color:var(--ink-soft);margin:0;font-size:13.5px;line-height:1.6}.faq{max-width:660px;margin:0 auto}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:10px;padding:20px 22px}.faq-item h4{margin:0 0 8px;font-size:15px;font-weight:700}.faq-item p{color:var(--ink-soft);margin:0;font-size:13.5px;line-height:1.6}.cta{text-align:center;background:var(--accent);color:#fff;border-radius:24px;padding:64px 24px}.cta h2{color:#fff;margin:0 0 12px;font-size:30px}.cta p{color:#ffffffd9;margin:0 0 28px;font-size:15px}.cta .btn-primary{color:var(--accent);box-shadow:none;background:#fff}.cta .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.footer{border-top:1px solid var(--border);text-align:center;color:var(--ink-dim);padding:28px 0;font-size:13px}.login-split{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-left{flex-direction:column;justify-content:center;align-items:center;padding:40px 24px;display:flex}.login-box{width:100%;max-width:380px}.login-box .brand{margin-bottom:32px}.login-box h1{margin:0 0 8px;font-size:26px;font-weight:700}.login-box .sub{color:var(--ink-soft);margin:0 0 30px;font-size:14px}.login-terms{color:var(--ink-dim);margin-top:20px;font-size:12px;line-height:1.6}.login-terms a{color:var(--ink-soft);text-decoration:underline}.login-back{color:var(--ink-soft);text-align:center;margin-top:28px;font-size:13px}.login-back a{color:var(--accent);font-weight:700;text-decoration:none}.login-right{background:var(--accent);align-items:flex-end;padding:48px;display:flex;position:relative;overflow:hidden}.login-right:before{content:"";background:#ffffff1f;border-radius:50%;width:360px;height:360px;position:absolute;top:-100px;right:-100px}.testimonial{z-index:1;color:#fff;max-width:440px;position:relative}.testimonial p{margin:0 0 24px;font-size:20px;font-weight:600;line-height:1.5}.testimonial-author{align-items:center;gap:12px;display:flex}.testimonial-avatar{color:#fff;background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:flex}.testimonial-name{font-size:14px;font-weight:700}.testimonial-role{color:#ffffffbf;font-size:13px}.btn-discord{color:#fff;cursor:pointer;background:#5865f2;border:none;border-radius:11px;justify-content:center;align-items:center;gap:9px;width:100%;padding:13px 20px;font-size:15px;font-weight:700;text-decoration:none;display:flex}.btn-discord:hover{background:#4752c4}.btn-discord:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.sidebar-brand{align-items:center;gap:10px;padding:8px 8px 22px;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:3px;display:flex}.sidebar-link{color:var(--ink-soft);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:13.5px;font-weight:600;text-decoration:none;display:flex}.sidebar-link:hover{background:var(--surface-2);color:var(--ink)}.sidebar-link.active{background:var(--accent);color:#fff}.sidebar-link svg{flex-shrink:0}.sidebar-section{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-dim);padding:18px 12px 6px;font-size:11px;font-weight:700}.sidebar-foot{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 28px;display:flex}.topbar h1{margin:0;font-size:20px;font-weight:700}.content{padding:28px}.stat-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px 22px}.stat-card .top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.stat-card .top svg{color:var(--ink-dim)}.stat-card .label{color:var(--ink-soft);font-size:12.5px;font-weight:600}.stat-card .num{font-size:26px;font-weight:800}.table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:14px;width:100%;overflow:hidden}.table thead th{text-align:left;text-transform:uppercase;letter-spacing:.03em;color:var(--ink-dim);background:var(--surface-2);border-bottom:1px solid var(--border);padding:14px 18px;font-size:11.5px;font-weight:700}.table tbody td{border-bottom:1px solid var(--border);padding:14px 18px;font-size:13.5px}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--surface-2)}.badge{border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.badge.good{color:var(--good);background:#16a34a1a}.badge.bad{color:#dc2626;background:#dc26261a}.badge.neutral{background:var(--surface-2);color:var(--ink-soft)}.empty-state{text-align:center;background:var(--surface);border:2px dashed var(--border);border-radius:18px;padding:70px 24px}.empty-state h3{margin:0 0 8px;font-size:16px;font-weight:700}.empty-state p{color:var(--ink-soft);max-width:340px;margin:0 auto 20px;font-size:14px}.server-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.server-card{background:var(--surface);border:1px solid var(--border);color:var(--ink);border-radius:16px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:block;overflow:hidden}.server-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #0f1a2b14}.server-card-banner{background:var(--accent);height:60px}.server-card-body{padding:16px 18px 18px}.server-card-name{margin-bottom:10px;font-size:14.5px;font-weight:700}.server-card-links{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding-top:12px;display:flex}.server-card-link{color:var(--ink-soft);align-items:center;gap:8px;font-size:12.5px;display:flex}.server-card-link.mod{color:var(--accent)}.user-menu{width:100%;position:relative}.user-trigger{border:1px solid var(--border);cursor:pointer;color:var(--ink);background:0 0;border-radius:10px;align-items:center;gap:8px;width:100%;padding:9px 12px;display:flex}.user-trigger:hover{background:var(--surface-2)}.user-avatar{object-fit:cover;border-radius:50%;width:26px;height:26px}.user-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:600;overflow:hidden}.admin-shield{color:var(--accent);flex-shrink:0}.chevron{color:var(--ink-soft);transition:transform .15s}.chevron.open{transform:rotate(180deg)}.user-dropdown{background:var(--surface);border:1px solid var(--border);z-index:10;border-radius:12px;width:100%;min-width:200px;padding:6px;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 8px 24px #0f1a2b26}.user-dropdown-label{color:var(--ink-dim);padding:8px 10px 4px;font-size:11px;font-weight:600}.user-dropdown a,.user-dropdown button{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;padding:9px 10px;font-size:13.5px;text-decoration:none;display:flex}.user-dropdown a:hover,.user-dropdown button:hover{background:var(--surface-2)}.user-dropdown hr{border:none;border-top:1px solid var(--border);margin:6px 0}.user-dropdown .danger{color:#dc2626}.notif-dropdown{background:var(--surface);border:1px solid var(--border);z-index:20;border-radius:14px;width:340px;max-height:400px;padding:8px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 8px 24px #0f1a2b26}.notif-dropdown-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:6px;padding:8px 10px 10px;display:flex}.notif-item{border-radius:10px;margin-bottom:2px;padding:12px}.notif-item.unread{background:#20c9970f}.notif-item h5{margin:0 0 4px;font-size:13px;font-weight:700}.notif-item p{color:var(--ink-soft);margin:0;font-size:12.5px;line-height:1.5}.notif-item time{color:var(--ink-dim);font-size:11px}.notif-empty{text-align:center;color:var(--ink-soft);padding:30px 10px;font-size:13px}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{display:none}.stat-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:860px){.login-split{grid-template-columns:1fr}.login-right{display:none}}@media (max-width:820px){.hero h1{font-size:36px}.grid,.steps{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.nav-links{display:none}.feature-row{direction:ltr;grid-template-columns:1fr}}