:root{--bg-color: #f8f9fa;--text-color: #212529;--card-bg: #ffffff;--border-color: #e9ecef;--accent-color: #007bff;--secondary-accent-color: #28a745;--shadow-color: rgba(0, 0, 0, .05);--hover-bg: #f1f1f1}body.dark-mode{--bg-color: #121212;--text-color: #e0e0e0;--card-bg: #1e1e1e;--border-color: #333;--accent-color: #4CAF50;--secondary-accent-color: #00bcd4;--shadow-color: rgba(0, 0, 0, .3);--hover-bg: #2a2a2a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-color);margin:0;padding:0;line-height:1.6;transition:background-color .3s,color .3s}h1,h2,h3,h4,h5,h6{color:var(--text-color);margin-top:0;line-height:1.2}a{text-decoration:none;color:var(--accent-color)}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:50px;font-weight:600;transition:all .3s ease;text-align:center;cursor:pointer;border:none}.btn-primary{background-color:var(--accent-color);color:#fff;border:2px solid var(--accent-color)}.btn-primary:hover{background-color:transparent;color:var(--accent-color)}.btn-secondary{background-color:var(--secondary-accent-color);color:#fff;border:2px solid var(--secondary-accent-color)}.btn-secondary:hover{background-color:transparent;color:var(--secondary-accent-color)}.btn-link{background:none;color:var(--accent-color);padding:0;font-weight:600;text-align:left;transition:color .3s;display:inline-flex;align-items:center;gap:.5rem}.btn-link:hover{color:var(--secondary-accent-color)}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background-color:var(--card-bg);box-shadow:0 2px 10px var(--shadow-color);padding:.75rem 0;transition:background-color .3s,box-shadow .3s}body.dark-mode .site-header{background-color:#121212cc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 2px 10px #00000080}.header-container{display:flex;justify-content:space-between;align-items:center}.logo-link{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:800;letter-spacing:-1px;color:var(--accent-color)}.header-logo-container{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background-color:var(--accent-color);border-radius:50%}.header-logo-container svg{width:1.5rem;height:1.5rem;color:#fff}.logo-text{font-weight:800;letter-spacing:-1px;color:var(--accent-color)}.header-nav .nav-list{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.nav-link{font-weight:500;transition:color .3s ease;padding:.5rem 0;position:relative;color:var(--text-color)}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:var(--accent-color);transition:width .3s ease}.nav-link:hover:after{width:100%}.header-actions{display:flex;gap:1rem;align-items:center}.theme-toggle-button{background-color:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);padding:.5rem;width:2.5rem;height:2.5rem;border-radius:50%;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.theme-toggle-button:hover{background-color:var(--border-color)}body.dark-mode .theme-toggle-button{background-color:#1e1e1e;border-color:#333}body.dark-mode .theme-toggle-button:hover{background-color:#333}.login-button{padding:.5rem 1.5rem;border:2px solid var(--accent-color);color:var(--accent-color);border-radius:50px;font-weight:600;transition:all .3s ease}.login-button:hover{background-color:var(--accent-color);color:#fff}.site-footer{background-color:var(--card-bg);color:var(--text-color);padding-top:4rem;border-top:1px solid var(--border-color)}body.dark-mode .site-footer{background-color:#121212}.footer-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.footer-column h4{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--accent-color)}.footer-column ul{list-style:none;margin:0;padding:0}.footer-column ul li{margin-bottom:.5rem}.footer-column a{color:var(--text-color);opacity:.8;transition:opacity .3s}.footer-column a:hover{opacity:1;color:var(--accent-color)}.logo-column .logo-link{margin-bottom:1rem}.logo-column .tagline-text{font-size:.9rem;color:var(--text-color);opacity:.6}.footer-bottom{text-align:center;padding:1rem 0}.copyright-text{font-size:.875rem;color:var(--text-color);opacity:.5}@media (max-width: 768px){.header-nav{display:none}.footer-container{grid-template-columns:1fr;text-align:center}}