body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh;transition:background-color .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{min-height:100vh;transition:all .3s ease}#initial-loader{transition:opacity .5s ease}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-pulse{animation:pulse 1.5s infinite}.fade-in{animation:fadeIn .5s ease}.slide-in-up{animation:slideInUp .3s ease}:focus{outline:2px solid var(--primary-color);outline-offset:2px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}*{box-sizing:border-box}*,:after,:before{transition:inherit}a{color:var(--primary-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--primary-hover)}h1,h2,h3,h4,h5,h6{line-height:1.2;margin:0}p{line-height:1.6}ol,p,ul{margin:0 0 1rem}ol,ul{padding-left:1.5rem}img{height:auto;max-width:100%}button{cursor:pointer}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.theme-light{--primary-color:#007bff;--primary-hover:#0056b3;--secondary-color:#6c757d;--success-color:#28a745;--danger-color:#dc3545;--warning-color:#ffc107;--info-color:#17a2b8;--text-primary:#333;--text-secondary:#666;--text-muted:#999;--text-inverse:#fff;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--bg-dark:#343a40;--border-color:#dee2e6;--border-light:#e9ecef;--border-dark:#adb5bd;--shadow-sm:0 1px 3px #0000001f,0 1px 2px #0000003d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 25px #00000026;--navbar-bg:#fff;--navbar-text:#333;--navbar-hover-bg:#f8f9fa;--navbar-hover-text:#007bff;--card-bg:#fff;--code-bg:#2d3748;--code-text:#e2e8f0}.theme-dark{--primary-color:#4dabf7;--primary-hover:#339af0;--secondary-color:#868e96;--success-color:#51cf66;--danger-color:#ff6b6b;--warning-color:#ffd43b;--info-color:#74c0fc;--text-primary:#e9ecef;--text-secondary:#ced4da;--text-muted:#adb5bd;--text-inverse:#212529;--bg-primary:#212529;--bg-secondary:#343a40;--bg-tertiary:#495057;--bg-dark:#1a1e22;--border-color:#495057;--border-light:#343a40;--border-dark:#6c757d;--shadow-sm:0 1px 3px #0000004d,0 1px 2px #0006;--shadow-md:0 4px 6px #0000004d;--shadow-lg:0 10px 25px #0006;--navbar-bg:#343a40;--navbar-text:#e9ecef;--navbar-hover-bg:#495057;--navbar-hover-text:#4dabf7;--card-bg:#343a40;--code-bg:#1a1e22;--code-text:#e2e8f0}.theme-light body{background:linear-gradient(135deg,#667eea,#764ba2)}.theme-dark body{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460)}.theme-dark ::-webkit-scrollbar{width:8px}.theme-dark ::-webkit-scrollbar-track{background:var(--bg-tertiary)}.theme-dark ::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.theme-dark ::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}.theme-light ::selection{background:#007bff33;color:var(--text-primary)}.theme-dark ::selection{background:#4aabf74d;color:var(--text-primary)}.theme-dark .blog-post-card:before,.theme-dark .platform-card:before,.theme-dark .service-card:before{background:linear-gradient(90deg,#0000,var(--primary-color),#0000);content:"";height:2px;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.theme-dark .blog-post-card:hover:before,.theme-dark .platform-card:hover:before,.theme-dark .service-card:hover:before{left:100%}.main-content{background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow-lg);flex:1 1;margin:2rem auto;max-width:1200px;overflow:hidden;transition:all .3s ease}.page{color:var(--text-primary);padding:2rem}.page-header{border-bottom:2px solid var(--border-light);margin-bottom:3rem;padding-bottom:2rem;text-align:center}.page-header h1{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.page-header .lead{color:var(--text-secondary);font-size:1.2rem}.container{max-width:100%}.row{align-items:flex-start;display:flex;gap:2rem}.col-md-8{flex:0 0 66.66%}.col-md-4{flex:0 0 33.33%}.content-section{margin-bottom:2rem}.page-config,.sidebar{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;padding:2rem;transition:all .3s ease}.code-block{background:var(--code-bg);border-left:4px solid var(--primary-color);border-radius:8px;color:var(--code-text);font-size:.9rem;margin:1rem 0;overflow-x:auto;padding:1.5rem;position:relative}.badge{background:var(--primary-color);border-radius:20px;color:var(--text-inverse);display:inline-block;font-size:.8rem;font-weight:600;margin-bottom:.5rem;margin-right:.5rem;padding:.4rem .8rem;transition:all .3s ease}.badge:hover{box-shadow:var(--shadow-sm);transform:scale(1.05)}.tech-stack{margin:1rem 0}.not-found{color:var(--text-primary);padding:4rem 2rem;text-align:center}.not-found h1{color:var(--danger-color);font-size:3rem;font-weight:700;margin-bottom:1rem}.not-found a{border-radius:6px;color:var(--primary-color);font-weight:600;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.not-found a:hover{background:var(--primary-color);color:var(--text-inverse)}@media (max-width:768px){.row{flex-direction:column}.col-md-4,.col-md-8{flex:1 1}.page{padding:1rem}.page-header h1{font-size:2rem}}.theme-toggle{align-items:center;background:none;border:2px solid var(--border-color);border-radius:25px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;overflow:hidden;padding:.5rem 1rem;position:relative;transition:all .3s ease}.theme-toggle:hover{background:var(--navbar-hover-bg);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px)}.theme-toggle:active{transform:translateY(0)}.theme-toggle:focus{outline:2px solid var(--primary-color);outline-offset:2px}.theme-toggle-icon{align-items:center;display:flex;justify-content:center;transition:transform .3s ease}.theme-toggle:hover .theme-toggle-icon{transform:rotate(15deg)}.theme-toggle-text{transition:opacity .3s ease}@media (max-width:480px){.theme-toggle-text{display:none}.theme-toggle{justify-content:center;min-width:40px;padding:.5rem}}@media (max-width:768px){.theme-toggle{margin-right:1rem;order:-1}}.theme-toggle svg{transition:all .3s ease}.theme-toggle:hover svg{filter:drop-shadow(0 0 5px var(--primary-color))}.navbar{background:var(--navbar-bg);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-md);padding:1rem 0;transition:all .3s ease}.navbar.sticky{position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;overflow:visible;padding:0 1rem}.navbar-brand{align-items:center;color:var(--navbar-text);display:flex;font-size:1.5rem;font-weight:700;text-decoration:none;transition:color .3s ease}.navbar-brand:hover{color:var(--primary-color)}.brand-logo{height:32px;margin-right:.5rem;transition:transform .3s ease;width:32px}.navbar-brand:hover .brand-logo{transform:scale(1.1) rotate(5deg)}.navbar-nav{align-items:center;display:flex;gap:1.5rem;height:100%;overflow:visible}.nav-link{align-items:center;border-radius:6px;color:var(--text-secondary);display:inline-flex;font-weight:500;min-height:40px;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease;vertical-align:middle}.nav-link:hover{background:var(--navbar-hover-bg);color:var(--navbar-hover-text);transform:translateY(-1px)}.nav-link.highlight{background:var(--primary-color);box-shadow:var(--shadow-sm);color:var(--text-inverse)}.nav-link.highlight:hover{background:var(--primary-hover);box-shadow:var(--shadow-md)}.nav-link.external:after{content:" ↗";font-size:.8em;opacity:.7}.dropdown{overflow:visible;position:relative}.dropdown-toggle{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:inherit;font-weight:500;gap:.2rem;min-height:40px;padding:.5rem 1rem;transition:all .3s ease;vertical-align:middle}.dropdown-toggle:hover{background:var(--navbar-hover-bg);color:var(--navbar-hover-text)}.dropdown-menu{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-lg);display:none;left:0;min-width:220px;overflow:visible;position:absolute;top:100%;z-index:1000}.dropdown-menu .dropdown.open>.dropdown-menu,.dropdown-menu .dropdown>.dropdown-menu.show,.dropdown-menu.show,.dropdown.open .dropdown-menu{animation:fadeInUp .2s ease;display:block!important}.dropdown-menu .nav-link{border-radius:0;display:block;padding:.75rem 1rem;width:100%}.dropdown-menu .dropdown{overflow:visible;position:relative;width:100%}.dropdown-menu .dropdown-toggle{border-radius:0;font-size:inherit;justify-content:space-between;padding:.75rem 1rem;text-align:left;width:100%}.dropdown-menu .dropdown-menu{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-lg);left:calc(100% + 1px);min-width:200px;position:absolute;top:-1px;z-index:1001}.dropdown-arrow{font-size:.7em;margin-left:auto;transition:transform .3s ease}.dropdown-arrow.open,.dropdown.open .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu .dropdown.open .dropdown-arrow{transform:rotate(-90deg)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.navbar-container{flex-direction:column;gap:1rem}.navbar-nav{flex-wrap:wrap;justify-content:center}.dropdown-menu .dropdown-menu{background:var(--bg-tertiary);border:none;box-shadow:none;left:0;margin-left:1rem;position:relative}}.dropdown-toggle:focus,.nav-link:focus{outline:2px solid var(--primary-color);outline-offset:2px}.nav-link:active{transform:translateY(1px)}.dropdown-toggle i,.nav-link i{align-items:center;display:inline-flex;flex-shrink:0;font-size:1em;height:18px;justify-content:center;line-height:1;margin-right:.3rem;text-align:center;transition:transform .3s ease;vertical-align:middle;width:18px}.dropdown-toggle:hover i,.nav-link:hover i{transform:scale(1.1)}.fa-github{font-size:1em}.fa-external-link-alt{font-size:.8em;margin-left:.3rem;margin-right:0}@media (max-width:480px){.nav-link i{font-size:1em;margin-right:.3rem}}
/*# sourceMappingURL=main.da872c70.css.map*/