:root{--primary-color: #2c3e50;--primary-hover-color: #1a252f;--navbar-bg-color: #1e293b;--bg-body-color: #f8fafc;--bg-card-color: #ffffff;--text-main-color: #1e293b;--text-secondary-color: #475569;--text-muted-color: #64748b;--border-light-color: #e2e8f0;--card-shadow: 0 4px 6px rgba(0, 0, 0, .05);--card-border-radius: 12px;--transition-speed: .3s}[data-theme=dark]{--primary-color: #4da8da;--primary-hover-color: #79c2ef;--navbar-bg-color: #040920;--bg-body-color: #0f172a;--bg-card-color: #1e293b;--text-main-color: #f8fafc;--text-secondary-color: #cbd5e1;--text-muted-color: #94a3b8;--border-light-color: #334155;--card-shadow: 0 4px 6px rgba(0, 0, 0, .3)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-body-color);color:var(--text-main-color);transition:background-color .4s ease,color .4s ease;overflow-x:hidden}*{box-sizing:border-box;transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}.app{text-align:center;display:flex;flex-direction:column;min-height:100vh}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeInSlideUp .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeInSlideLeft{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.animate-slide-left{animation:fadeInSlideLeft 1.2s cubic-bezier(.16,1,.3,1) forwards}.card{background:var(--bg-card-color);padding:2rem;border-radius:var(--card-border-radius);box-shadow:var(--card-shadow);border:1px solid var(--border-light-color);transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease,background-color var(--transition-speed) ease}.card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.hero-section{text-align:center;padding:4rem 2rem;border-top:5px solid var(--primary-color);background:linear-gradient(135deg,var(--bg-card-color) 0%,rgba(0,166,43,.05) 100%);position:relative;border-radius:var(--card-border-radius);margin-bottom:3rem}.section-title{color:var(--primary-color);font-weight:800;margin-bottom:1.5rem;letter-spacing:-.5px}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:var(--navbar-bg-color);color:#fff;position:sticky;top:0;z-index:1000}.navbar-logo{display:flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:700}.navbar-logo img{height:50px}.menu-toggle{display:none;background:none;border:none;cursor:pointer;font-size:1.5rem;padding:5px;z-index:1001}.navbar-links{list-style:none;display:flex;align-items:center;gap:20px;margin:0;padding:0}.navbar-links a{color:#fff;text-decoration:none;font-weight:500;transition:opacity .2s,border-bottom .2s;padding-bottom:4px;border-bottom:2px solid transparent}.navbar-links a:hover{opacity:.8}.navbar-links a.active{border-bottom:2px solid white;font-weight:600}.theme-toggle{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:0;margin-left:10px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.theme-toggle:hover{transform:scale(1.1)}@media(max-width:768px){.menu-toggle{display:flex;align-items:center;justify-content:center}.navbar-links{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:fixed;top:0;right:-100%;width:250px;height:100vh;background-color:var(--navbar-bg-color);padding-top:80px;gap:30px;transition:right .3s ease-in-out;box-shadow:-5px 0 15px #0000004d}.navbar-links.open{right:0}.navbar-links li{width:100%;text-align:center}.navbar-links a{display:block;padding:10px;font-size:1.2rem}.theme-toggle{margin:20px auto 0}}.footer{background-color:var(--navbar-bg-color);color:#fff;padding:2rem 2rem 1rem;box-shadow:0 -2px 10px #0000001a;margin-top:auto;border-top:1px solid var(--border-light-color)}.footer-content{display:flex;justify-content:space-around;flex-wrap:wrap;gap:2rem;max-width:1200px;margin:0 auto;text-align:left}.footer-brand{max-width:300px}.footer-logo{height:60px;margin-bottom:1rem}.footer-brand h2{font-size:1.2rem;margin-bottom:.5rem;color:#fff}.footer-brand p{color:var(--text-secondary-color);font-size:.9rem;line-height:1.4}.footer-social{display:flex;flex-direction:column;align-items:center;justify-content:center}.footer-social h3{margin-bottom:1rem;font-size:1.1rem;text-align:left;width:100%}.social-links{display:flex;flex-direction:column;gap:1rem;width:100%}.social-links a{color:#fff;transition:color .3s ease,transform .3s ease;display:flex;align-items:center;gap:.8rem;text-decoration:none;font-size:1.1rem}.social-links a svg{font-size:1.8rem}.social-links a:hover{transform:translateY(-3px)}.footer-bottom{text-align:center;border-top:1px solid var(--border-light-color);margin-top:2rem;padding-top:1rem;color:var(--text-muted-color);font-size:.85rem}