:root{--background-color:#f4f7f6;--text-color:#333;--header-bg:#2c3e50;--header-text:#fff;--main-bg:#fff;--section-bg:#e9e9e9;--button-bg:#3498db;--button-hover-bg:#2980b9;--footer-bg:#2c3e50;--footer-text:#fff;--border-color:#ccc;--shadow-color:#0000001a;--feature-border:#ddd;--promo-text:#333;--promo-bg:gold;--link-color:#3498db;--link-hover-color:#2980b9}body.dark-theme{--background-color:#1a1a2e;--text-color:#e0e0e0;--header-bg:#0f0f1d;--header-text:#fff;--main-bg:#2a2a4a;--section-bg:#3a3a5a;--button-bg:#6a05ad;--button-hover-bg:#5a049f;--footer-bg:#0f0f1d;--footer-text:#fff;--border-color:#555;--shadow-color:#0000004d;--feature-border:#444;--promo-text:#fff;--promo-bg:#5a05ad;--link-color:#a766ff;--link-hover-color:#8f3edb}body{background-color:#f4f7f6;background-color:var(--background-color);color:#333;color:var(--text-color);font-family:Segoe UI,Arial,sans-serif;line-height:1.6;margin:0;padding:0;transition:background-color .3s ease,color .3s ease}.container{margin:0 auto;max-width:1200px;padding:0 20px}h1,h2,h3,h4,h5,h6{color:#333;color:var(--text-color);margin-top:0}p{margin-bottom:1em}a{color:#3498db;color:var(--link-color);text-decoration:none;transition:color .3s ease}a:hover{color:#2980b9;color:var(--link-hover-color);text-decoration:underline}button{background-color:#3498db;background-color:var(--button-bg);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9em;padding:10px 18px;transition:background-color .3s ease}button:hover{background-color:#2980b9;background-color:var(--button-hover-bg)}.hidden{display:none!important}header{background-color:#2c3e50;background-color:var(--header-bg);box-shadow:0 2px 5px #0000001a;box-shadow:0 2px 5px var(--shadow-color);color:#fff;color:var(--header-text);padding:15px 0}.header-content{flex-wrap:wrap;justify-content:space-between}.header-content,.logo-area{align-items:center;display:flex}.logo{border-radius:50%;height:40px;margin-right:10px}.site-name{color:#fff;color:var(--header-text);font-size:1.8em;font-weight:700}nav ul{display:flex;list-style:none;margin:0;padding:0}nav ul li{margin-left:25px}nav ul li a{color:#fff;color:var(--header-text);font-weight:500;text-decoration:none;transition:color .3s ease}nav ul li a:hover{color:gold}.header-actions{align-items:center;display:flex}.theme-toggle-btn{background:none;border:1px solid #fff;border:1px solid var(--header-text);border-radius:5px;color:#fff;color:var(--header-text);cursor:pointer;font-size:1.2em;margin-right:15px;padding:8px 12px;transition:background-color .3s ease,color .3s ease}.theme-toggle-btn:hover{border-color:#3498db;border-color:var(--button-bg)}.auth-btn,.theme-toggle-btn:hover{background-color:#3498db;background-color:var(--button-bg)}.auth-btn{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9em;margin-left:10px;padding:10px 18px;transition:background-color .3s ease}.auth-btn:hover{background-color:#2980b9;background-color:var(--button-hover-bg)}.login-btn{background-color:#27ae60}.login-btn:hover{background-color:#229a56}.register-btn{background-color:#e67e22}.register-btn:hover{background-color:#d35400}main{padding:40px 0}.hero-section{align-items:center;background-color:#fff;background-color:var(--main-bg);border-radius:10px;box-shadow:0 4px 10px #0000001a;box-shadow:0 4px 10px var(--shadow-color);display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:40px;padding:50px}.hero-text{flex:1 1;margin-right:30px;min-width:300px}.hero-text h1{font-size:2.8em;margin-bottom:15px}.hero-text h1,.hero-text p{color:#333;color:var(--text-color)}.hero-text p{font-size:1.2em;margin-bottom:25px}.call-to-action{background-color:#e74c3c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1em;padding:15px 30px;transition:background-color .3s ease}.call-to-action:hover{background-color:#c0392b}.hero-image-container{flex:1 1;min-width:300px;position:relative;text-align:center}.hero-image{border-radius:8px;box-shadow:0 4px 8px #0000001a;height:auto;max-width:100%}.hidden{display:none}.toggle-animation-btn{background-color:#000000b3;border:none;border-radius:5px;bottom:10px;color:#fff;cursor:pointer;font-size:.9em;padding:8px 15px;position:absolute;right:10px}.toggle-animation-btn:hover{background-color:#000000e6}.promo-panel{background-color:gold;background-color:var(--promo-bg);border-radius:10px;box-shadow:0 4px 10px #0000001a;box-shadow:0 4px 10px var(--shadow-color);color:#333;color:var(--promo-text);margin-bottom:40px;padding:30px;text-align:center}.promo-panel h2{font-size:2em;margin-bottom:15px}.promo-panel p{font-size:1.1em;margin-bottom:20px}.promo-btn{background-color:#3498db;background-color:var(--button-bg);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;padding:12px 25px;transition:background-color .3s ease}.promo-btn:hover{background-color:#2980b9;background-color:var(--button-hover-bg)}.personal-section{background-color:#fff;background-color:var(--main-bg);border-radius:10px;box-shadow:0 4px 10px #0000001a;box-shadow:0 4px 10px var(--shadow-color);margin-bottom:40px;padding:40px;text-align:center}.personal-section h2{color:#333;color:var(--text-color);font-size:2.2em;margin-bottom:30px}.features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.feature-item{background-color:#e9e9e9;background-color:var(--section-bg);border:1px solid #ddd;border:1px solid var(--feature-border);border-radius:8px;box-shadow:0 2px 5px #0000001a;box-shadow:0 2px 5px var(--shadow-color);padding:25px;text-align:left}.feature-item h3{font-size:1.4em;margin-bottom:10px}.feature-item h3,.feature-item p{color:#333;color:var(--text-color)}.feature-item p{font-size:.95em}.read-more-btn{background-color:#8e44ad;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;padding:12px 25px;transition:background-color .3s ease}.read-more-btn:hover{background-color:#6c3483}.api-demo-section{background-color:#fff;background-color:var(--main-bg);border-radius:10px;box-shadow:0 4px 10px #0000001a;box-shadow:0 4px 10px var(--shadow-color);padding:30px;text-align:center}#backend-data{align-items:center;background-color:#e9e9e9;background-color:var(--section-bg);border:1px dashed #ccc;border:1px dashed var(--border-color);border-radius:5px;color:#333;color:var(--text-color);display:flex;font-family:Courier New,monospace;font-style:italic;justify-content:center;margin:20px 0;min-height:50px;padding:15px;white-space:pre-wrap;word-break:break-all}footer{background-color:#2c3e50;background-color:var(--footer-bg);box-shadow:0 -2px 5px #0000001a;box-shadow:0 -2px 5px var(--shadow-color);color:#fff;color:var(--footer-text);margin-top:50px;padding:40px 0 20px}.footer-content{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;margin-bottom:30px}.footer-section{flex:1 1;min-width:200px}.footer-section h3{color:#fff;color:var(--footer-text);font-size:1.5em;margin-bottom:15px}.footer-section p,.footer-section ul li a{color:#fffc;font-size:.95em}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{margin-bottom:8px}.footer-section ul li a{text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:gold}.social-media{display:flex;gap:10px;margin-top:15px}.social-icon{align-items:center;background-color:#fff3;border-radius:50%;color:#fff;display:inline-flex;font-size:1.2em;height:35px;justify-content:center;text-decoration:none;transition:background-color .3s ease;width:35px}.social-icon:hover{background-color:gold;color:#333}.footer-bottom{border-top:1px solid #ffffff1a;color:#ffffffb3;font-size:.85em;padding-top:20px;text-align:center}@media (max-width:768px){.header-content{align-items:center;flex-direction:column;text-align:center}.logo-area{justify-content:center}.logo-area,nav ul{margin-bottom:15px;width:100%}nav ul{align-items:center;flex-direction:column}nav ul li{margin:8px 0}.hero-section{flex-direction:column;padding:30px;text-align:center}.hero-text{margin-bottom:30px;margin-right:0}.hero-text h1{font-size:2em}.hero-text p{font-size:1em}.hero-image-container{width:100%}.toggle-animation-btn{bottom:5px;font-size:.8em;padding:6px 10px;right:5px}.promo-panel{padding:20px 15px}.promo-panel h2{font-size:1.6em}.promo-panel p{font-size:.95em}.personal-section{padding:30px 15px}.personal-section h2{font-size:1.8em}.features-grid{gap:15px;grid-template-columns:1fr}.feature-item{padding:20px}.feature-item h3{font-size:1.2em}.api-demo-section{padding:20px 15px}#backend-data{font-size:.85em;padding:10px}.footer-content{align-items:center;flex-direction:column;gap:20px}.footer-section{margin-bottom:10px;min-width:0;min-width:auto;text-align:center;width:90%}.footer-section h3{font-size:1.3em}.social-media{justify-content:center}.container{padding:0 15px}.site-name{font-size:1.5em}.header-actions{flex-direction:column;gap:10px;width:100%}.auth-btn,.theme-toggle-btn{margin:5px auto;max-width:250px;width:80%}}.App{display:flex;flex-direction:column;min-height:100vh}main{flex-grow:1}
/*# sourceMappingURL=main.8e496e05.css.map*/