*{box-sizing:border-box;margin:0;padding:0}:root{--steel-blue:#4682b4;--dark-steel-blue:#36648b;--slate-gray:#708090;--bright-white:#fff;--light-gray:#f5f5f5;--text-dark:#2f4f4f;--shadow:#4682b426}body{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#2f4f4f;color:var(--text-dark);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;overflow-wrap:anywhere}.App,body{min-height:100vh}.App{display:flex;flex-direction:column}.main-content{flex:1 1;padding-top:80px}header{background:linear-gradient(135deg,#4682b4,#36648b);background:linear-gradient(135deg,var(--steel-blue) 0,var(--dark-steel-blue) 100%);box-shadow:0 4px 12px #4682b426;box-shadow:0 4px 12px var(--shadow);color:#fff;color:var(--bright-white);padding:1rem 0;position:fixed;top:0;width:100%;z-index:1000}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem}.logo-section{align-items:center;display:flex;gap:1rem}.logo-image{border:2px solid #fff;border:2px solid var(--bright-white);border-radius:8px;height:50px;object-fit:cover;width:50px}.logo-section h1{font-size:1.8rem;font-weight:700;letter-spacing:1px}nav ul{gap:2rem;list-style:none}nav a,nav ul{align-items:center;display:flex}nav a{border-radius:6px;color:#fff;color:var(--bright-white);font-size:1.05rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}nav a:hover{background:#ffffff26;transform:translateY(-2px)}.hero-section{background:linear-gradient(135deg,#4682b4,#708090);background:linear-gradient(135deg,var(--steel-blue) 0,var(--slate-gray) 100%);color:#fff;color:var(--bright-white);margin-bottom:3rem;padding:5rem 2rem;text-align:center}.hero-section h2{font-size:3rem;margin-bottom:1rem;text-shadow:2px 2px 4px #0003}.hero-section p{font-size:1.3rem;line-height:1.8;margin:0 auto;max-width:800px}.features-section{background:#fff;background:var(--bright-white);border-radius:16px;box-shadow:0 8px 24px #4682b426;box-shadow:0 8px 24px var(--shadow);margin:0 auto 4rem;max-width:1400px;padding:3rem 2rem}.features-section h2{color:#4682b4;color:var(--steel-blue);font-size:2.5rem;margin-bottom:3rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));margin-bottom:3rem}.feature-card{background:linear-gradient(135deg,#f5f5f5,#fff);background:linear-gradient(135deg,var(--light-gray) 0,var(--bright-white) 100%);border:2px solid #0000;border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease}.feature-card:hover{border-color:#4682b4;border-color:var(--steel-blue);box-shadow:0 12px 28px #4682b426;box-shadow:0 12px 28px var(--shadow);transform:translateY(-8px)}.feature-icon{font-size:3rem}.feature-card h3,.feature-icon{color:#4682b4;color:var(--steel-blue);margin-bottom:1rem}.feature-card h3{font-size:1.5rem}.feature-card p{color:#2f4f4f;color:var(--text-dark);line-height:1.8}.stats-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));margin:3rem 0}.stat-box{background:linear-gradient(135deg,#4682b4,#36648b);background:linear-gradient(135deg,var(--steel-blue) 0,var(--dark-steel-blue) 100%);border-radius:12px;color:#fff;color:var(--bright-white);padding:2rem;text-align:center}.stat-box h4{font-size:3rem;margin-bottom:.5rem}.cta-button,.stat-box p{font-size:1.1rem}.cta-button{background:#4682b4;background:var(--steel-blue);border:none;border-radius:8px;color:#fff;color:var(--bright-white);cursor:pointer;display:inline-block;font-weight:600;margin-top:2rem;padding:1rem 3rem;text-decoration:none;transition:all .3s ease}.cta-button:hover{background:#36648b;background:var(--dark-steel-blue);box-shadow:0 8px 20px #4682b426;box-shadow:0 8px 20px var(--shadow);transform:translateY(-3px)}.about-blog-section{background:#fff;background:var(--bright-white);border-radius:16px;box-shadow:0 8px 24px #4682b426;box-shadow:0 8px 24px var(--shadow);margin:0 auto 4rem;max-width:1400px;padding:3rem 2rem}.about-blog-section h2{color:#4682b4;color:var(--steel-blue);font-size:2.5rem;margin-bottom:2rem;text-align:center}.about-blog-section h3{color:#708090;color:var(--slate-gray);font-size:1.8rem;margin:2rem 0 1rem}.about-blog-section p{color:#2f4f4f;color:var(--text-dark);font-size:1.1rem;line-height:1.9;margin-bottom:1.5rem;text-align:justify}.about-blog-section ul{list-style:none;margin:1.5rem 0;padding-left:0}.about-blog-section ul li{font-size:1.1rem;line-height:1.8;padding:.8rem 0 .8rem 2rem;position:relative}.about-blog-section ul li:before{color:#4682b4;color:var(--steel-blue);content:"✓";font-size:1.3rem;font-weight:700;left:0;position:absolute}.posts-section{margin:0 auto;max-width:1400px;padding:2rem}.posts-section h2{color:#4682b4;color:var(--steel-blue);font-size:2.5rem;margin-bottom:3rem;text-align:center}.posts-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fill,minmax(min(350px,100%),1fr))}.post-card{background:#fff;background:var(--bright-white);border-radius:16px;box-shadow:0 6px 20px #4682b426;box-shadow:0 6px 20px var(--shadow);display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.post-card:hover{box-shadow:0 12px 32px #4682b426;box-shadow:0 12px 32px var(--shadow);transform:translateY(-10px)}.post-image{height:250px;object-fit:cover;width:100%}.post-content{display:flex;flex:1 1;flex-direction:column;padding:2rem}.post-content h3{color:#4682b4;color:var(--steel-blue);font-size:1.6rem;margin-bottom:1rem}.post-meta{color:#708090;color:var(--slate-gray);display:flex;font-size:.9rem;gap:1.5rem;margin-bottom:1rem}.post-excerpt{color:#2f4f4f;color:var(--text-dark);flex:1 1;line-height:1.7;margin-bottom:1.5rem}.post-actions{display:flex;flex-wrap:wrap;gap:1rem}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;padding:.7rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-primary{background:#4682b4;background:var(--steel-blue);color:#fff;color:var(--bright-white)}.btn-primary:hover{background:#36648b;background:var(--dark-steel-blue);transform:translateY(-2px)}.btn-secondary{background:#708090;background:var(--slate-gray);color:#fff;color:var(--bright-white)}.btn-secondary:hover{background:#2f4f4f;background:var(--text-dark);transform:translateY(-2px)}.btn-favorite{background:#fff;background:var(--bright-white);border:2px solid #4682b4;border:2px solid var(--steel-blue);color:#4682b4;color:var(--steel-blue)}.btn-favorite.active,.btn-favorite:hover{background:#4682b4;background:var(--steel-blue);color:#fff;color:var(--bright-white)}.post-detail{background:#fff;background:var(--bright-white);border-radius:16px;box-shadow:0 8px 24px #4682b426;box-shadow:0 8px 24px var(--shadow);margin:2rem auto;max-width:1000px;padding:2rem}.post-detail-image{border-radius:12px;height:500px;margin-bottom:2rem;object-fit:cover;width:100%}.post-detail h1{color:#4682b4;color:var(--steel-blue);font-size:2.8rem;margin-bottom:1.5rem}.post-detail-meta{border-bottom:2px solid #f5f5f5;border-bottom:2px solid var(--light-gray);color:#708090;color:var(--slate-gray);display:flex;gap:2rem;margin-bottom:2rem;padding-bottom:1.5rem}.post-detail-content{color:#2f4f4f;color:var(--text-dark);font-size:1.15rem;line-height:1.9}.post-detail-content h2{color:#4682b4;color:var(--steel-blue);font-size:2rem;margin:2rem 0 1rem}.post-detail-content h3{color:#708090;color:var(--slate-gray);font-size:1.6rem;margin:1.5rem 0 1rem}.post-detail-content p{margin-bottom:1.5rem}.post-detail-content ol,.post-detail-content ul{margin:1.5rem 0;padding-left:2rem}.post-detail-content li{margin-bottom:.8rem}.contact-page{margin:2rem auto;max-width:1400px;padding:2rem}.contact-container{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.contact-info{background:#fff;background:var(--bright-white);border-radius:16px;box-shadow:0 8px 24px #4682b426;box-shadow:0 8px 24px var(--shadow);padding:3rem}.contact-info h2{color:#4682b4;color:var(--steel-blue);font-size:2.5rem;margin-bottom:2rem}.contact-info h3{color:#708090;color:var(--slate-gray);font-size:1.5rem;margin:2rem 0 1rem}.info-item{align-items:flex-start;background:#f5f5f5;background:var(--light-gray);border-radius:8px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.info-icon{color:#4682b4;color:var(--steel-blue);font-size:1.5rem;margin-top:.2rem}.info-item p{color:#2f4f4f;color:var(--text-dark);line-height:1.6;margin:0}.social-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.social-link{background:#4682b4;background:var(--steel-blue);border-radius:6px;color:#fff;color:var(--bright-white);font-weight:500;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.social-link:hover{background:#36648b;background:var(--dark-steel-blue);transform:translateY(-2px)}.contact-form{background:#fff;background:var(--bright-white);border-radius:16px;box-shadow:0 8px 24px #4682b426;box-shadow:0 8px 24px var(--shadow);padding:3rem}.contact-form h2{color:#4682b4;color:var(--steel-blue);font-size:2.5rem;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#2f4f4f;color:var(--text-dark);display:block;font-size:1.05rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group textarea{border:2px solid #f5f5f5;border:2px solid var(--light-gray);border-radius:8px;font-family:inherit;font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#4682b4;border-color:var(--steel-blue);box-shadow:0 0 0 3px #4682b41a;outline:none}.form-group textarea{min-height:150px;resize:vertical}.about-page{margin:2rem auto;max-width:1400px;padding:2rem}.about-hero{background:linear-gradient(135deg,#4682b4,#708090);background:linear-gradient(135deg,var(--steel-blue) 0,var(--slate-gray) 100%);border-radius:16px;color:#fff;color:var(--bright-white);margin-bottom:3rem;padding:4rem 3rem;text-align:center}.about-hero h1{font-size:3rem;margin-bottom:1rem}.about-hero p{font-size:1.3rem;margin:0 auto;max-width:800px}.about-content{background:#fff;background:var(--bright-white);border-radius:16px;box-shadow:0 8px 24px #4682b426;box-shadow:0 8px 24px var(--shadow);margin-bottom:3rem;padding:3rem}.about-content h2{color:#4682b4;color:var(--steel-blue);font-size:2.5rem;margin-bottom:2rem}.about-content p{color:#2f4f4f;color:var(--text-dark);font-size:1.15rem;line-height:1.8;margin-bottom:1.5rem}.team-section{background:#fff;background:var(--bright-white);border-radius:16px;box-shadow:0 8px 24px #4682b426;box-shadow:0 8px 24px var(--shadow);padding-block:2rem}.team-section h2{color:#4682b4;color:var(--steel-blue);font-size:2.5rem;margin-bottom:3rem;text-align:center}.team-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}.team-member{background:linear-gradient(135deg,#f5f5f5,#fff);background:linear-gradient(135deg,var(--light-gray) 0,var(--bright-white) 100%);border:2px solid #0000;border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease}.team-member:hover{border-color:#4682b4;border-color:var(--steel-blue);box-shadow:0 12px 28px #4682b426;box-shadow:0 12px 28px var(--shadow);transform:translateY(-8px)}.team-member img{border:4px solid #4682b4;border:4px solid var(--steel-blue);border-radius:50%;height:200px;margin-bottom:1.5rem;object-fit:cover;width:200px}.team-member h3{color:#4682b4;color:var(--steel-blue);font-size:1.5rem;margin-bottom:.5rem}.team-member .position{color:#708090;color:var(--slate-gray);font-size:1.1rem;font-weight:600;margin-bottom:1rem}.team-member .bio{color:#2f4f4f;color:var(--text-dark);line-height:1.6}.calculator-section{margin:3rem auto;max-width:1400px;padding:2rem}.calculator-container{background:#fff;background:var(--bright-white);border-radius:16px;box-shadow:0 8px 24px #4682b426;box-shadow:0 8px 24px var(--shadow);padding:3rem}.calculator-container h2{color:#4682b4;color:var(--steel-blue);font-size:2.5rem;margin-bottom:2rem;text-align:center}.calculator-form{margin:0 auto;max-width:600px}.calculator-result{background:linear-gradient(135deg,#4682b4,#36648b);background:linear-gradient(135deg,var(--steel-blue) 0,var(--dark-steel-blue) 100%);border-radius:12px;color:#fff;color:var(--bright-white);margin-top:2rem;padding:2rem;text-align:center}.calculator-result h3{font-size:2rem;margin-bottom:1rem}.calculator-result .price{font-size:3rem;font-weight:700}.admin-preview-section{margin:3rem auto;max-width:1400px;padding:2rem}.admin-preview-container{background:#fff;background:var(--bright-white);border-radius:16px;box-shadow:0 8px 24px #4682b426;box-shadow:0 8px 24px var(--shadow);padding:3rem}.admin-preview-container h2{color:#4682b4;color:var(--steel-blue);font-size:2.5rem;margin-bottom:2rem;text-align:center}.admin-frame{background:linear-gradient(135deg,#f5f5f5,#fff);background:linear-gradient(135deg,var(--light-gray) 0,var(--bright-white) 100%);border:3px solid #708090;border:3px solid var(--slate-gray);border-radius:12px;width:100%}.admin-frame-header{align-items:center;background:linear-gradient(135deg,#4682b4,#36648b);background:linear-gradient(135deg,var(--steel-blue) 0,var(--dark-steel-blue) 100%);border-radius:8px 8px 0 0;color:#fff;color:var(--bright-white);display:flex;flex-wrap:wrap;justify-content:space-between;padding:1.5rem}.admin-frame-content{padding:2rem}.admin-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));margin-bottom:2rem}.admin-stat-box{background:#f5f5f5;background:var(--light-gray);border-left:4px solid #4682b4;border-left:4px solid var(--steel-blue);border-radius:8px;padding:1.5rem;text-align:center}.admin-stat-box h4{color:#4682b4;color:var(--steel-blue);font-size:2rem;margin-bottom:.5rem}.admin-stat-box p{color:#708090;color:var(--slate-gray)}footer{background:linear-gradient(135deg,#2f4f4f,#708090);background:linear-gradient(135deg,var(--text-dark) 0,var(--slate-gray) 100%);color:#fff;color:var(--bright-white);margin-top:4rem;padding:3rem 2rem 1rem}.footer-container{margin:0 auto;max-width:1400px}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));margin-bottom:2rem}.footer-section h3{color:#fff;color:var(--bright-white);font-size:1.5rem;margin-bottom:1.5rem}.footer-section a,.footer-section p{color:#fffc;display:block;line-height:1.8;margin-bottom:.5rem;text-decoration:none}.footer-section a:hover{color:#fff;color:var(--bright-white);text-decoration:underline}.footer-bottom{border-top:1px solid #fff3;color:#fffc;padding-top:2rem;text-align:center}.cookie-consent{animation:slideUp .5s ease;background:#fff;background:var(--bright-white);bottom:0;box-shadow:0 -4px 20px #4682b426;box-shadow:0 -4px 20px var(--shadow);left:0;padding:2rem;position:fixed;right:0;z-index:9999}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cookie-content{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1400px}.cookie-text{flex:1 1;min-width:300px}.cookie-text h3{color:#4682b4;color:var(--steel-blue);font-size:1.3rem;margin-bottom:.5rem}.cookie-text p{color:#2f4f4f;color:var(--text-dark);line-height:1.6}.cookie-text a{color:#4682b4;color:var(--steel-blue);text-decoration:underline}.cookie-buttons{display:flex;flex-wrap:wrap;gap:1rem}.notification{animation:slideInRight .5s ease;background:#4682b4;background:var(--steel-blue);border-radius:8px;box-shadow:0 8px 24px #4682b426;box-shadow:0 8px 24px var(--shadow);color:#fff;color:var(--bright-white);max-width:400px;padding:1.5rem 2rem;position:fixed;right:2rem;top:100px;z-index:9998}@keyframes slideInRight{0%{opacity:0;transform:translateX(500px)}to{opacity:1;transform:translateX(0)}}.notification.success{background:#28a745}.notification.error{background:#dc3545}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.modal-content{background:#fff;background:var(--bright-white);border-radius:16px;box-shadow:0 12px 40px #0000004d;max-width:500px;padding:3rem;text-align:center;width:90%}.modal-content h3{color:#4682b4;color:var(--steel-blue);font-size:2rem;margin-bottom:1rem}.modal-content p{color:#2f4f4f;color:var(--text-dark);font-size:1.1rem;margin-bottom:2rem}.policy-page{background:#fff;background:var(--bright-white);border-radius:16px;box-shadow:0 8px 24px #4682b426;box-shadow:0 8px 24px var(--shadow);margin:2rem auto;max-width:1000px;padding:2rem}.policy-page h1{font-size:2.8rem;margin-bottom:2rem;text-align:center}.policy-page h1,.policy-page h2{color:#4682b4;color:var(--steel-blue)}.policy-page h2{font-size:2rem;margin:2rem 0 1rem}.policy-page h3{color:#708090;color:var(--slate-gray);font-size:1.5rem;margin:1.5rem 0 1rem}.policy-page p{color:#2f4f4f;color:var(--text-dark);font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.policy-page ul{margin:1.5rem 0;padding-left:2rem}.policy-page li{line-height:1.6;margin-bottom:.8rem}@media (max-width:768px){.header-container{flex-direction:row;gap:1rem}.contact-form,.contact-info{padding:1rem}.admin-preview-container,.admin-preview-section{padding:0}nav ul{flex-direction:column;gap:.5rem}.hero-section h2{font-size:2rem}.hero-section p{font-size:1.1rem}.contact-container,.posts-grid{grid-template-columns:1fr}.cookie-content{flex-direction:column;text-align:center}.cookie-buttons{justify-content:center}.features-grid,.stats-section,.team-grid{grid-template-columns:1fr}.notification{left:1rem;max-width:calc(100% - 2rem);right:1rem}}.hamburger-menu{background:none;border:none;color:#333;cursor:pointer;display:none;font-size:1.5rem;padding:.5rem;transition:all .3s ease;z-index:1001}.hamburger-menu:hover{color:#8b7355}.hamburger-menu svg{display:block}@media (max-width:768px){.header-content{position:relative}.hamburger-menu{display:block}nav{background-color:#fff;box-shadow:0 4px 10px #0000001a;left:0;max-height:0;opacity:0;overflow:hidden;position:absolute;right:0;top:100%;transition:max-height .3s ease,opacity .3s ease;visibility:hidden}nav.active{max-height:500px;opacity:1;visibility:visible}nav ul{flex-direction:column;gap:0;padding:0;width:100%}nav ul li{border-bottom:1px solid #e0e0e0;width:100%}nav ul li:last-child{border-bottom:none}nav a{color:#333!important;display:block;justify-content:flex-start;padding:1rem 2rem;width:100%}nav a:hover{background-color:#f8f9fa}}
/*# sourceMappingURL=main.ccfabe08.css.map*/