:root{--bg-main: #0b1220;--bg-deep: #060b16;--bg-card: #0b1220;--bg-surface: #121b2e;--bg-surface-hover: #1a2742;--bg-surface-active: #22324f;--bg-glass: rgba(255, 255, 255, .05);--brand-primary: #2f6bff;--brand-secondary: #1e4fd8;--brand-dark: #1e3a8a;--boorand-dark: #1e3a8a;--brand-light: #7fa8ff;--brand-pale: #bfd3ff;--accent-blue: #4c8dff;--accent-indigo: #1d4ed8;--accent-yellow: #ebeba1;--accent-gold: #f5b83d;--accent-gold-light: #ffe08a;--accent-pink: #fb7185;--text-white: #ffffff;--text-primary: #e2e8f0;--text-secondary: #cbd5e0;--text-muted: #94a3b8;--text-dim: #64748b;--border-base: #1d2637;--border-medium: #2d3a4f;--border-glass: rgba(255, 255, 255, .1);--border-active: var(--brand-primary);--grad-card: linear-gradient(180deg, #131c30 0%, #111a2d 100%);--grad-card-secondary: linear-gradient( 180deg, rgba(19, 28, 48, .8) 0%, rgba(17, 26, 45, .8) 100% );--grad-nav: linear-gradient(180deg, #0b1220 0%, #0b1220 100%);--grid-line: rgba(148, 163, 184, .07);--grid-size: 44px;--glow-primary: rgba(47, 107, 255, .16);--glow-secondary: rgba(30, 58, 138, .06);--shadow-card: 0 1px 2px rgba(0, 0, 0, .25), 0 8px 24px rgba(0, 0, 0, .18);--shadow-card-hover: 0 2px 4px rgba(0, 0, 0, .3), 0 12px 32px rgba(0, 0, 0, .25);--toast-success-bg: rgba(16, 185, 129, .15);--toast-success-text: #10b981;--toast-success-border: #10b981;--toast-error-bg: rgba(239, 68, 68, .15);--toast-error-text: #ef4444;--toast-error-border: #ef4444;--toast-info-bg: rgba(59, 130, 246, .15);--toast-info-text: #3b82f6;--toast-info-border: #3b82f6;--toast-warning-bg: rgba(245, 158, 11, .15);--toast-warning-text: #f59e0b;--toast-warning-border: #f59e0b}img[appLazyImage]{transition:opacity .3s ease;opacity:0}img[appLazyImage].loaded,img.loaded{opacity:1}body.light-theme{--bg-main: #f2f4f7;--bg-deep: #eef1f7;--bg-surface: #ffffff;--bg-surface-hover: #f4f6fa;--bg-surface-active: #e8ecf3;--bg-glass: rgba(0, 0, 0, .06);--brand-light: #1e4fd8;--accent-pink: #e11d48;--accent-gold-light: #d97706;--accent-gold: #b45309;--glow-primary: rgba(30, 79, 216, .12);--grid-line: rgba(15, 23, 42, .06);--bg-card: #f8fafc;--bg-card-hover: #f1f5f9;--bg-sidebar: #e2e8f0;--bg-sidebar-hover: #cbd5e1;--bg-header: #f8fafc;--bg-section: #f1f5f9;--bg-container: #e2e8f0;--text-white: #ffffff;--text-primary: #0f172a;--text-secondary: #1e293b;--text-muted: #475569;--text-dim: #64748b;--text-inverse: #ffffff;--border-base: #cbd5e1;--border-light: #e2e8f0;--border-medium: #94a3b8;--border-glass: rgba(0, 0, 0, .12);--border-hover: #94a3b8;--border-strong: #64748b;--shadow-card: 0 2px 4px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .08);--shadow-card-hover: 0 8px 16px rgba(0, 0, 0, .15), 0 4px 8px rgba(0, 0, 0, .1);--shadow-elevated: 0 12px 24px rgba(0, 0, 0, .12), 0 6px 12px rgba(0, 0, 0, .08);--shadow-section: 0 4px 8px rgba(0, 0, 0, .08);--toast-success-bg: rgba(16, 185, 129, .1);--toast-success-text: #059669;--toast-success-border: #10b981;--toast-error-bg: rgba(239, 68, 68, .1);--toast-error-text: #dc2626;--toast-error-border: #ef4444;--toast-info-bg: rgba(59, 130, 246, .1);--toast-info-text: #2563eb;--toast-info-border: #3b82f6;--toast-warning-bg: rgba(245, 158, 11, .1);--toast-warning-text: #d97706;--toast-warning-border: #f59e0b;--grad-card: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);--grad-card-secondary: linear-gradient( 135deg, rgba(255, 255, 255, .98) 0%, rgba(248, 250, 252, .95) 100% );--grad-nav: linear-gradient(to bottom, #f8fafc 0%, #f1f5f9 50%, #e2e8f0 100%);--grad-bg-main: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 50%, #cbd5e1 100%);--grad-sidebar: linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%);--grad-header: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);--grad-section: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%)}body.light-theme .connect_btn{box-shadow:none}body.light-theme .navbar .links{box-shadow:none!important}.blog-container.blog-light-theme{--bg-main: #f8f9fa;--bg-deep: #ffffff;--bg-surface: #ffffff;--bg-surface-hover: #f1f3f5;--bg-surface-active: #e9ecef;--bg-glass: rgba(0, 0, 0, .05);--text-white: #ffffff;--text-primary: #1a1a1a;--text-secondary: #4a5568;--text-muted: #718096;--text-dim: #a0aec0;--border-base: #e2e8f0;--border-glass: rgba(0, 0, 0, .1);--shadow-card: 0 4px 12px rgba(0, 0, 0, .08)}body.light-theme .forums-title,body.light-theme .blog-title{color:var(--text-primary)}body.light-theme .page-layout-title{color:#000!important}header .logo a{color:var(--text-white)}body.light-theme header .logo a{color:var(--text-primary)!important}app-svg-icon-component{color:var(--text-white)}body.light-theme app-svg-icon-component{color:var(--text-primary)}*{padding:0;margin:0;box-sizing:border-box;font-family:Inter,Noto Sans Devanagari,system-ui,-apple-system,Segoe UI,sans-serif}h1,h2,h3,h4{font-family:Plus Jakarta Sans,Noto Sans Devanagari,Inter,system-ui,sans-serif}video,iframe,object,embed,svg{max-width:100%;height:auto}app-root{display:block;width:100%;max-width:100vw;overflow-x:hidden;position:relative}html{height:100%;width:100%;background-color:var(--bg-deep);overflow-x:hidden;overflow-y:auto;position:relative;max-width:100vw}html::-webkit-scrollbar{width:10px}html::-webkit-scrollbar-track{background:var(--bg-deep)}html::-webkit-scrollbar-thumb{background:#696969;border-radius:5px;border:2px solid var(--bg-deep)}html::-webkit-scrollbar-thumb:hover{background:gray}body.light-theme html::-webkit-scrollbar-thumb{background:#0003;border:2px solid var(--bg-deep)}body.light-theme html::-webkit-scrollbar-thumb:hover{background:#0000004d}body{min-height:100%;width:100%;max-width:100vw;background-color:var(--bg-deep);overflow-x:hidden;overflow-y:auto;position:relative;margin:0;padding:0;box-sizing:border-box;background-repeat:no-repeat;background-attachment:scroll}body.light-theme{background:var(--grad-bg-main);background-color:var(--bg-deep);min-height:100vh}body.light-theme::-webkit-scrollbar-thumb{background:#0003;border:2px solid var(--bg-deep)}body.light-theme::-webkit-scrollbar-thumb:hover{background:#0000004d}[appScrollReveal]{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}[appScrollReveal].is-revealed{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){[appScrollReveal]{transition:none!important;opacity:1!important;transform:none!important}}@font-face{font-family:Satoshi;src:url(/assets/fonts/Satoshi-Regular.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:ClashDisplay;src:url(/assets/fonts/ClashDisplay-Medium.woff2) format("woff2");font-weight:400;font-style:normal}
