@charset "UTF-8";:root{--page-bg-start:#f8fafc;--page-bg-mid:#f1f5f9;--page-bg-end:#f8fafc;--glass-bg:rgba(255,255,255,0.6);--glass-border:rgba(255,255,255,0.75);--glass-blur:12px;--glass-radius:16px;--accent-primary:#6063F1;--accent-secondary:#0ea5e9;--accent-tertiary:#0d9488;--accent-warm:#f59e0b;--accent-start:#6366f1;--accent-end:#0ea5e9;--text-primary:#0f172a;--text-secondary:rgba(15,23,42,0.55);--card-shadow:0 4px 24px rgba(15,23,42,0.06);--nav-hover-bg:rgba(99,102,241,0.08);--transition-speed:0.3s}[data-bs-theme="light"]{--page-bg-start:#f8fafc;--page-bg-mid:#f1f5f9;--page-bg-end:#f8fafc;--glass-bg:rgba(255,255,255,0.6);--glass-border:rgba(255,255,255,0.75);--text-primary:#0f172a;--text-secondary:rgba(15,23,42,0.55);--card-shadow:0 4px 24px rgba(15,23,42,0.06);--nav-hover-bg:rgba(99,102,241,0.08)}[data-bs-theme="dark"]{--page-bg-start:#0f172a;--page-bg-mid:#1e293b;--page-bg-end:#0f172a;--glass-bg:rgba(255,255,255,0.05);--glass-border:rgba(255,255,255,0.1);--text-primary:#f1f5f9;--text-secondary:rgba(241,245,249,0.6);--card-shadow:0 8px 32px rgba(0,0,0,0.25);--nav-hover-bg:rgba(255,255,255,0.08)}body{background:linear-gradient(135deg,var(--page-bg-start),var(--page-bg-mid),var(--page-bg-end));color:var(--text-primary);position:relative}body::before,body::after{content:'';position:fixed;border-radius:50%;filter:blur(120px);opacity:0.15;z-index:0;pointer-events:none}body::before{width:600px;height:600px;background:var(--accent-start);top:-200px;right:-100px}body::after{width:500px;height:500px;background:var(--accent-end);bottom:-150px;left:-100px}[data-bs-theme="dark"] body::before,[data-bs-theme="dark"] body::after{opacity:0.25}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-speed) ease}a:hover{color:var(--accent-secondary)}.divider{border-top-color:var(--glass-border)}.alertbar{background:linear-gradient(90deg,var(--accent-start),var(--accent-end));color:#fff;padding:0.55rem 0;text-align:center;font-size:0.85rem;font-weight:500;position:relative;z-index:1050;letter-spacing:0.02em;margin-bottom:20px}.alertbar a{color:#fff;text-decoration:underline;text-underline-offset:2px;font-weight:700}.alertbar a:hover{opacity:0.85}header{border-bottom:1px solid var(--glass-border);transition:all var(--transition-speed) ease}header::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--atomic-header-background-color,var(--glass-bg));backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}header::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-start),var(--accent-end),transparent);opacity:0.3}.site-title a{font-size:1.35rem;font-weight:800;background:linear-gradient(135deg,var(--accent-start),var(--accent-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none}.site-description{font-size:0.8rem;color:var(--text-secondary);margin-top:-2px}#logo img{max-width:100px;height:auto}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--glass-radius);box-shadow:var(--card-shadow);transition:all var(--transition-speed) ease}.glass:hover{border-color:var(--accent-primary)}.btn-accent,.btn-secondary,.btn-glass{background:linear-gradient(135deg,var(--accent-start),var(--accent-end));color:#fff;border:none;border-radius:12px;padding:0.6rem 1.5rem;font-weight:600;transition:all var(--transition-speed) ease;position:relative;overflow:hidden}.btn-accent:hover,.btn-secondary:hover,.btn-glass:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(99,102,241,0.4);color:#fff}.atomic-iconbtn{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:0 none;background-color:transparent;color:#fff;cursor:pointer;padding:0;line-height:1;text-decoration:none;transition:all var(--transition-speed) ease}.atomic-iconbtn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(99,102,241,0.4);color:#fff}.atomic-iconbtn i,.atomic-iconbtn svg{width:1em;height:1em;font-size:1rem;color:var(--accent-primary)}.gradient-text{background:linear-gradient(135deg,var(--accent-start),var(--accent-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-label{font-size:0.7rem;text-transform:uppercase;letter-spacing:0.12em;color:var(--accent-primary);font-weight:700;margin-bottom:0.5rem}.tag{display:inline-block;padding:0.25rem 0.65rem;border-radius:8px;font-size:0.75rem;font-weight:600;background:rgba(99,102,241,0.15);color:var(--accent-primary);border:1px solid rgba(99,102,241,0.2)}.tag.blue{background:rgba(14,165,233,0.15);color:var(--accent-secondary);border-color:rgba(14,165,233,0.2)}.tag.teal{background:rgba(13,148,136,0.15);color:var(--accent-tertiary);border-color:rgba(13,148,136,0.2)}.tag.amber{background:rgba(245,158,11,0.15);color:var(--accent-warm);border-color:rgba(245,158,11,0.2)}.tag.typography{background:rgba(14,165,233,0.15);color:var(--accent-secondary);border-color:rgba(14,165,233,0.2)}.tag.layout{background:rgba(13,148,136,0.15);color:var(--accent-tertiary);border-color:rgba(13,148,136,0.2)}.tag.themes{background:rgba(245,158,11,0.15);color:var(--accent-warm);border-color:rgba(245,158,11,0.2)}.tag.fonts{background:rgba(14,165,233,0.15);color:var(--accent-secondary);border-color:rgba(14,165,233,0.2)}.header-bottom{border-top:1px solid var(--glass-border);margin-top:0.5rem}.navigation{padding:0.5rem 0}.navigation .nav-link{color:var(--text-secondary);font-weight:600;font-size:0.9rem;border-radius:12px;padding:0.5rem 1.1rem;transition:all var(--transition-speed) ease}.navigation .nav-link:hover,.navigation .nav-link:focus{color:var(--text-primary);background:var(--nav-hover-bg)}.navigation .nav-link.active,.navigation .nav-item.current>.nav-link{background:var(--accent-primary);color:#fff;box-shadow:0 4px 12px rgba(99,102,241,0.2)}.navigation .dropdown-toggle::after{margin-left:0.35em;opacity:0.5}.navigation .dropdown-menu{background:rgba(255,255,255,0.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--glass-radius);box-shadow:0 8px 32px rgba(0,0,0,0.12);padding:0.5rem;margin-top:0.25rem;min-width:12rem}.navigation .dropdown-menu .dropdown-item{font-size:0.85rem;font-weight:500;border-radius:8px;padding:0.45rem 0.9rem;color:var(--text-secondary);transition:all var(--transition-speed) ease}.navigation .dropdown-menu .dropdown-item:hover,.navigation .dropdown-menu .dropdown-item:focus{background:var(--nav-hover-bg);color:var(--text-primary)}.navigation .dropdown-menu .dropdown-item.active{background:var(--accent-primary);color:#fff}.navigation .nav-item.dropdown:hover>.dropdown-menu{display:block}[data-bs-theme="dark"] .navigation .dropdown-menu{background:rgba(15,23,42,0.96);box-shadow:0 8px 32px rgba(0,0,0,0.3)}.hero{position:relative;padding:3rem 0;background:url('https://images.unsplash.com/photo-1545535408-f64fdf6681ca?auto=format&fit=crop&w=1920&h=720&q=80') center/cover no-repeat;border-radius:var(--glass-radius);overflow:hidden}.hero::before{content:'';position:absolute;inset:0;z-index:0;background:rgba(15,23,42,0.55);pointer-events:none}[data-bs-theme="dark"] .hero::before{background:rgba(15,23,42,0.7)}.hero-card-wrapper{position:relative;z-index:1}.hero-card{padding:2.5rem;position:relative;z-index:1}.hero-card h1,.hero-card h2{font-size:2.5rem;font-weight:800;line-height:1.15;margin-bottom:1rem;color:#fff}.hero-card p.lead{color:rgba(255,255,255,0.85);font-size:1.1rem;line-height:1.7;max-width:540px}.hero-card .section-label{color:rgba(255,255,255,0.7)}.hero-stats{display:flex;flex-wrap:wrap;gap:2rem;margin-top:2rem}.hero-stat{text-align:center}.hero-stat .stat-number{font-size:1.8rem;font-weight:800;color:#fff}.hero-stat .stat-label{font-size:0.8rem;color:rgba(255,255,255,0.7);text-transform:uppercase;letter-spacing:0.08em;font-weight:600}.feature-card{padding:1.75rem;text-align:center;margin-bottom:1.5rem}.feature-card .feature-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.3rem;color:#fff;box-shadow:0 4px 12px rgba(99,102,241,0.2)}.feature-card h4{font-size:1.05rem;margin-bottom:0.5rem}.feature-card p{font-size:0.875rem;color:var(--text-secondary);line-height:1.6}.container-sidebar-left .card,.container-sidebar-right .card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--glass-radius);box-shadow:var(--card-shadow);margin-bottom:2rem;transition:all var(--transition-speed) ease}.container-sidebar-left .card:hover,.container-sidebar-right .card:hover{border-color:var(--accent-primary)}.container-sidebar-left .card-title,.container-sidebar-right .card-title{font-size:0.8rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--text-secondary);font-weight:700}.container-sidebar-left .card .nav.menu,.container-sidebar-right .card .nav.menu{flex-direction:column;gap:0.15rem}.container-sidebar-left .card .nav-link,.container-sidebar-right .card .nav-link{padding:0.45rem 0.75rem;color:var(--text-secondary);border-radius:8px;font-size:0.875rem;font-weight:500;transition:all var(--transition-speed) ease}.container-sidebar-left .card .nav-link:hover,.container-sidebar-right .card .nav-link:hover{background:var(--nav-hover-bg);color:var(--text-primary)}.container-sidebar-left .card .nav-link.active,.container-sidebar-left .card .nav-item.current>.nav-link,.container-sidebar-right .card .nav-link.active,.container-sidebar-right .card .nav-item.current>.nav-link{background:var(--accent-primary);color:#fff;font-weight:600}.container-sidebar-left .mod-custom,.container-sidebar-right .mod-custom{padding:0.75rem 0}.container-sidebar-left .mod-tagspopular{margin-bottom:1rem}.container-sidebar-left .nav.menu.vertical{gap:0.15rem;padding:0;list-style:none}.container-sidebar-left .nav.menu.vertical .nav-link{padding:0.45rem 0.75rem;color:var(--text-secondary);border-radius:8px;font-size:0.875rem;font-weight:500;transition:all var(--transition-speed) ease}.container-sidebar-left .nav.menu.vertical .nav-link:hover{background:var(--nav-hover-bg);color:var(--text-primary)}.container-sidebar-left .nav.menu.vertical .nav-link.active,.container-sidebar-left .nav.menu.vertical .nav-item.current>.nav-link{background:var(--accent-primary);color:#fff;font-weight:600}.mod-login{font-size:0.875rem}.mod-login .form-group{margin-bottom:0.75rem}.mod-login .input-group{border-radius:8px;overflow:hidden}.mod-login .input-group .form-control{font-size:0.875rem;border:1px solid var(--glass-border);background:var(--glass-bg)}.mod-login .input-group-text,.mod-login .input-password-toggle{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary)}.mod-login .form-check{margin-bottom:0.75rem}.mod-login .btn-primary{background:linear-gradient(135deg,var(--accent-start),var(--accent-end));border:none;border-radius:12px;font-size:0.875rem;font-weight:600;color:#fff}.mod-login .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(99,102,241,0.4);color:#fff}.mod-login .btn-secondary{background:linear-gradient(135deg,var(--accent-start),var(--accent-end));border:none;color:#fff;border-radius:12px;font-size:0.875rem;font-weight:600;margin-bottom:0.5rem}.mod-login .btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(99,102,241,0.4);color:#fff}.mod-login .btn-secondary svg{width:1.25em;height:1.25em;fill:currentColor;vertical-align:-0.2em;margin-right:0.35rem}.mod-login .input-password-toggle{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);border-radius:0;padding:0.375rem 0.75rem;overflow:visible;font-weight:normal;margin-bottom:0}.mod-login .input-password-toggle:hover{transform:none;box-shadow:none;color:var(--text-primary)}.mod-login__options{margin-top:0.75rem;padding-top:0.5rem;border-top:1px solid var(--glass-border)}.mod-login__options li{margin-bottom:0.25rem}.mod-login__options a{font-size:0.8rem;color:var(--accent-primary)}.mod-login__options a:hover{color:var(--accent-secondary)}footer{padding:2rem 0 1.5rem}footer::before{content:'';display:block;height:1px;background:var(--glass-border);margin-bottom:2rem}footer h6{font-size:0.75rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--text-secondary);margin-bottom:0.75rem;font-weight:700}footer ul li{margin-bottom:0.4rem}footer ul li a{font-size:0.875rem;color:var(--accent-primary);transition:color var(--transition-speed) ease}footer ul li a:hover{color:var(--accent-secondary)}footer .row>[class*="col"]{padding-right:1.5rem}.copyright{text-align:center;font-size:0.8rem;color:var(--text-secondary);border-top:1px solid var(--glass-border);padding:1rem 0 0;margin-top:1.5rem}.com-content-article .badge,.com-content-category-blog .badge,.blog .badge{font-weight:600;border-radius:8px;padding:0.25rem 0.65rem;font-size:0.75rem;border:1px solid transparent}.tags a.btn,.tags .btn-info{display:inline-block;padding:0.25rem 0.65rem;border-radius:8px;font-size:0.75rem;font-weight:600;background:rgba(99,102,241,0.15);color:var(--accent-primary);border:1px solid rgba(99,102,241,0.2);transition:all var(--transition-speed) ease}.tags a.btn:hover,.tags .btn-info:hover{background:rgba(99,102,241,0.25);color:var(--accent-primary)}.article-info-term{display:none}.blog-item+.blog-item{border-top-color:var(--glass-border)}:root{--theme-easing:cubic-bezier(0.4,0,0.2,1)}body{transition:background var(--transition-speed) var(--theme-easing),color var(--transition-speed) var(--theme-easing)}body::before,body::after{transition:opacity var(--transition-speed) var(--theme-easing),background var(--transition-speed) var(--theme-easing)}header{transition:background-color var(--transition-speed) var(--theme-easing),border-color var(--transition-speed) var(--theme-easing),box-shadow var(--transition-speed) var(--theme-easing)}header::before{transition:background var(--transition-speed) var(--theme-easing)}header::after{transition:opacity var(--transition-speed) var(--theme-easing)}.glass{transition:background var(--transition-speed) var(--theme-easing),border-color var(--transition-speed) var(--theme-easing),box-shadow var(--transition-speed) var(--theme-easing),backdrop-filter var(--transition-speed) var(--theme-easing),-webkit-backdrop-filter var(--transition-speed) var(--theme-easing)}.container-sidebar-left .card,.container-sidebar-right .card{transition:background var(--transition-speed) var(--theme-easing),border-color var(--transition-speed) var(--theme-easing),box-shadow var(--transition-speed) var(--theme-easing),backdrop-filter var(--transition-speed) var(--theme-easing),-webkit-backdrop-filter var(--transition-speed) var(--theme-easing)}.navigation .dropdown-menu{transition:background var(--transition-speed) var(--theme-easing),box-shadow var(--transition-speed) var(--theme-easing),border-color var(--transition-speed) var(--theme-easing)}.hero::before{transition:background var(--transition-speed) var(--theme-easing)}h1,h2,h3,h4,h5,h6,p,li,td,th,figcaption,.lead,.site-description,.section-label,.feature-card p,.feature-card h4,footer h6,.copyright,.card-title,.container-sidebar-left .card-title,.container-sidebar-right .card-title{transition:color var(--transition-speed) var(--theme-easing)}.navigation .nav-link{transition:color var(--transition-speed) var(--theme-easing),background var(--transition-speed) var(--theme-easing),box-shadow var(--transition-speed) var(--theme-easing)}.navigation .dropdown-menu .dropdown-item{transition:color var(--transition-speed) var(--theme-easing),background var(--transition-speed) var(--theme-easing)}.container-sidebar-left .card .nav-link,.container-sidebar-right .card .nav-link,.container-sidebar-left .nav.menu.vertical .nav-link{transition:color var(--transition-speed) var(--theme-easing),background var(--transition-speed) var(--theme-easing)}footer ul li a{transition:color var(--transition-speed) var(--theme-easing)}.divider,.header-bottom,.copyright,.blog-item+.blog-item,footer::before{transition:border-color var(--transition-speed) var(--theme-easing),background var(--transition-speed) var(--theme-easing)}.tag,.tags a.btn,.tags .btn-info,.com-content-article .badge,.com-content-category-blog .badge,.blog .badge{transition:background-color var(--transition-speed) var(--theme-easing),border-color var(--transition-speed) var(--theme-easing),color var(--transition-speed) var(--theme-easing)}.btn-accent,.btn-secondary,.btn-glass{transition:transform var(--transition-speed) var(--theme-easing),box-shadow var(--transition-speed) var(--theme-easing),color var(--transition-speed) var(--theme-easing)}.atomic-iconbtn{transition:transform var(--transition-speed) var(--theme-easing),box-shadow var(--transition-speed) var(--theme-easing)}.atomic-iconbtn i,.atomic-iconbtn svg{transition:color var(--transition-speed) var(--theme-easing)}.mod-login .input-group .form-control,.mod-login .input-group-text,.mod-login .input-password-toggle{transition:background var(--transition-speed) var(--theme-easing),border-color var(--transition-speed) var(--theme-easing),color var(--transition-speed) var(--theme-easing)}@media (max-width:991.98px){.hero{padding:1.5rem 0}.hero-card h1,.hero-card h2{font-size:2rem}.hero-stats{gap:1.5rem}.hero-card{padding:2rem}}@media (max-width:767.98px){.hero-card h1,.hero-card h2{font-size:1.65rem}.hero-stats{flex-wrap:wrap;gap:1rem}.hero-card{padding:1.5rem}}