@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);@media (max-width:900px){.hero-content{flex-direction:column;gap:30px;text-align:center}.hero-text h1{font-size:32px}.hero-text p{font-size:17px}.features{padding:40px 0}.section-title{font-size:26px}.features-grid{gap:18px;grid-template-columns:1fr}}@media (max-width:600px){.app{padding:0 2vw}.hero{padding:40px 0 30px}.hero-text h1{font-size:22px}.hero-text p{font-size:15px}.features{padding:20px 0}.section-title{font-size:18px}.result-card{font-size:15px;padding:16px}.result-icon{font-size:32px}}.calculator-card,.tutorial-card{margin:0 auto 24px;max-width:420px;min-width:0;min-width:auto;width:100%}@media (max-width:900px){.calculator-card,.tutorial-card{max-width:98vw;min-width:0;min-width:auto;padding:0}}@media (max-width:600px){.calculator-card,.tutorial-card{max-width:100vw;min-width:0;min-width:auto;padding:0}}.tutorials-grid{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}@media (max-width:900px){.tutorials-grid{align-items:center;flex-direction:column;gap:16px}}@media (max-width:600px){.page-title{font-size:20px}.page-subtitle{font-size:14px}}.footer-content{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-between}.footer-section{flex:1 1;margin-bottom:24px;min-width:220px}@media (max-width:900px){.footer-content{flex-direction:column;gap:0}.footer-section{margin-bottom:32px;min-width:0;width:100%}}@media (max-width:600px){.footer-content{padding:0 8px}.footer-section{font-size:15px;margin-bottom:24px}.footer-bottom{font-size:13px;padding:16px 0 6px}}.app{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1}.header{background-color:var(--white);box-shadow:var(--shadow);padding:15px 0;position:-webkit-sticky;position:sticky;top:0;transition:var(--transition);z-index:1000}.header.scrolled{box-shadow:0 2px 10px #0000001a;padding:10px 0}.header-content{justify-content:space-between}.header-content,.logo{align-items:center;display:flex}.logo{color:var(--primary);font-size:24px;font-weight:700;gap:10px;text-decoration:none}.nav-links{align-items:center;display:flex;gap:25px}.nav-links a{color:var(--secondary);font-weight:600;position:relative;text-decoration:none;transition:var(--transition)}.nav-links a:hover{color:var(--primary)}.nav-links a:after{background:var(--primary);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:var(--transition);width:0}.nav-links a:hover:after{width:100%}.menu-toggle{background:none;border:none;cursor:pointer;display:none;height:24px;position:relative;width:30px}@media (max-width:900px){.menu-toggle{display:flex}}.menu-toggle .bar{background:var(--secondary);border-radius:2px;height:3px;left:0;position:absolute;transition:var(--transition);width:100%}.menu-toggle .bar:first-child{top:0}.menu-toggle .bar:nth-child(2){top:10px}.menu-toggle .bar:nth-child(3){top:20px}.menu-toggle.active .bar:first-child{transform:rotate(45deg) translate(5px,5px)}.menu-toggle.active .bar:nth-child(2){opacity:0}.menu-toggle.active .bar:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.hero{background:linear-gradient(135deg,#3498db,#2c3e50);color:var(--white);overflow:hidden;padding:100px 0 80px}.hero-content{align-items:center;display:flex;gap:50px}.hero-text{flex:1 1}.hero-text h1{color:var(--white);font-size:48px;line-height:1.2;margin-bottom:20px}.hero-text p{color:#ffffffe6;font-size:20px;margin-bottom:30px;opacity:.9}.hero-buttons{display:flex;gap:15px}.hero-image{display:flex;flex:1 1;justify-content:center}.chart-container{align-items:flex-end;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;display:flex;gap:15px;height:300px;max-width:400px;padding:20px;width:100%}.chart-bar{border-radius:8px 8px 0 0;flex:1 1;position:relative;transition:height .5s ease}.chart-bar:after{background:#0000001a;bottom:0;content:"";height:5px;left:0;position:absolute;width:100%}.features{background-color:var(--white);padding:80px 0}.section-title{color:var(--secondary);font-size:36px;margin-bottom:15px;text-align:center}.section-subtitle{color:var(--gray);font-size:18px;margin-bottom:50px;text-align:center}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.result-card{background:var(--white);border:1px solid #eee;border-radius:10px;box-shadow:var(--shadow);overflow:hidden;padding:30px;text-align:center;transition:var(--transition)}.result-card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.result-icon{color:var(--primary);display:flex;font-size:48px;justify-content:center;margin-bottom:20px}.result-card h3{color:var(--secondary);font-size:22px;margin-bottom:15px}.result-value{background:#f8f9fa;border-radius:5px;color:var(--primary);font-family:Courier New,monospace;font-size:20px;font-weight:700;margin-bottom:15px;padding:10px}.result-card p{color:var(--gray)}.testimonials{background-color:#f8f9fa;padding:80px 0}.testimonial-cards{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:40px}.testimonial-card:before{color:var(--light-gray);content:"\201C";font-family:Georgia,serif;font-size:80px;left:20px;line-height:1;position:absolute;top:20px}.testimonial-card p{color:var(--dark);font-size:18px;font-style:italic;margin-bottom:20px;padding-left:30px}.testimonial-author{border-left:3px solid var(--primary);padding-left:30px}.testimonial-author strong{color:var(--secondary);display:block;font-size:18px}.testimonial-author span{color:var(--gray)}.footer{background-color:var(--secondary);color:var(--light);padding:60px 0 0}.footer-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.footer-section h3{color:var(--white);font-size:22px;margin-bottom:20px;padding-bottom:10px;position:relative}.footer-section h3:after{background:var(--primary);bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}.footer-section p{margin-bottom:15px;opacity:.8}.social-icons{display:flex;gap:15px;margin-top:20px}.social-icons a{align-items:center;background:#ffffff1a;border-radius:50%;color:var(--white);display:flex;height:40px;justify-content:center;transition:var(--transition);width:40px}.social-icons a:hover{background:var(--primary);transform:translateY(-3px)}.footer-section ul{list-style:none}.footer-section ul li{align-items:center;display:flex;margin-bottom:10px}.footer-section ul li i{color:var(--primary);margin-right:10px;width:20px}.footer-section ul li a{color:var(--light);opacity:.8;text-decoration:none;transition:var(--transition)}.footer-section ul li a:hover{color:var(--primary);opacity:1}.footer-bottom{border-top:1px solid #ffffff1a;font-size:14px;opacity:.7;padding:20px 0;text-align:center}.footer-links{margin-top:10px}.footer-links a{color:var(--light);margin:0 10px;text-decoration:none}.footer-links a:hover{color:var(--primary)}.calculators{background:#f8f9fa;padding:60px 0}.page-title{color:var(--secondary);font-size:36px;margin-bottom:10px;text-align:center}.page-subtitle{color:var(--gray);font-size:18px;margin-bottom:40px;text-align:center}.calculator-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:30px}.tab-btn{align-items:center;background:var(--light);border:none;border-radius:4px;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 20px;transition:var(--transition)}.tab-btn.active{background:var(--primary);color:var(--white)}.calculator-container{background:var(--white);border-radius:10px;box-shadow:var(--shadow);margin:0 auto;max-width:800px;padding:30px}.calculator-card{margin-bottom:30px}.calculator-header{align-items:center;display:flex;gap:25px;transition:left .3s}@media (max-width:900px){.nav-links{align-items:flex-start;background:#fff;border-radius:0 0 18px 18px;box-shadow:0 8px 32px #e3eaf5;display:flex;flex-direction:column;gap:32px;height:calc(100vh - 72px);left:-100vw;padding:40px 24px;position:fixed;top:72px;width:100vw;z-index:1001}.nav-links.active{left:0}}.nav-backdrop{display:none}@media (max-width:900px){.nav-backdrop{background:#2c3e502e;display:block;height:100vh;left:0;position:fixed;top:0;transition:opacity .2s;width:100vw;z-index:1000}.nav-backdrop.hide{display:none}}.calculator-icon{align-items:center;background:#3498db1a;border-radius:10px;color:var(--primary);display:flex;font-size:28px;height:50px;justify-content:center;width:50px}.calculator-header h3{color:var(--secondary);font-size:24px}.input-group{margin-bottom:20px;position:relative}.input-group label{color:var(--dark);display:block;font-weight:600;margin-bottom:8px}.input-group input{background:#f8f9fa;border:1px solid #ddd;border-radius:6px;font-size:16px;padding:12px 15px;transition:var(--transition);width:100%}.input-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3498db33;outline:none}.input-unit{color:var(--gray);position:absolute;right:15px;top:39px}.calculator-actions{display:flex;gap:15px;margin-top:25px}.calculator-result{background:#f0f7ff;border-left:4px solid var(--primary);border-radius:8px;margin-top:25px;padding:20px}.calculator-result h4{color:var(--secondary);font-size:18px;margin-bottom:10px}.calculator-result p{color:var(--primary);font-size:24px;font-weight:700}.error-message{background:#fdeded;border-left:4px solid var(--danger);border-radius:4px;color:var(--danger);margin-top:15px;padding:10px 15px}.tutorials{background:#f8f9fa;padding:60px 0}.tutorials-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:50px}.tutorial-card{background:var(--white);border-radius:10px;box-shadow:var(--shadow);display:flex;overflow:hidden;transition:var(--transition)}.tutorial-icon{align-items:center;background:var(--primary);color:var(--white);display:flex;font-size:32px;justify-content:center;min-width:80px}.tutorial-content{flex:1 1;padding:25px}.tutorial-content h3{color:var(--secondary);font-size:20px;margin-bottom:15px}.tutorial-content p{color:var(--dark);margin-bottom:15px}.tutorial-formula{background:#f8f9fa;border-left:3px solid var(--primary);border-radius:5px;margin:20px 0;padding:15px}.tutorial-formula h4{color:var(--secondary);font-size:16px;margin-bottom:10px}.tutorial-formula code{color:var(--primary);font-family:Courier New,monospace}.tutorial-example{background:#f0f7ff;border-radius:5px;margin-top:20px;padding:15px}.tutorial-example h4{color:var(--secondary);font-size:16px;margin-bottom:10px}.additional-resources{margin-top:60px}.additional-resources h2{color:var(--secondary);font-size:28px;margin-bottom:30px;text-align:center}.resource-cards{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.resource-card{background:var(--white);border-radius:10px;box-shadow:var(--shadow);padding:30px;text-align:center;transition:var(--transition)}.resource-card:hover{transform:translateY(-5px)}.resource-card i{color:var(--primary);font-size:48px;margin-bottom:20px}.resource-card h3{color:var(--secondary);font-size:20px;margin-bottom:15px}.resource-card p{color:var(--gray);margin-bottom:20px}.about{background:#f8f9fa;padding:60px 0}.about-content{display:flex;gap:50px;margin-bottom:50px}.about-text{flex:1 1}.about-image{align-items:center;display:flex;flex:1 1;justify-content:center}.team-illustration{display:flex;gap:30px}.team-member{text-align:center}.avatar{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:50%;color:#fff;display:flex;font-size:40px;height:120px;justify-content:center;margin:0 auto 15px;width:120px}.name{color:var(--secondary);font-size:18px;font-weight:600;margin-bottom:5px}.role{color:var(--gray)}.about-text h2{color:var(--secondary);font-size:28px;margin-bottom:20px}.about-text p{line-height:1.8;margin-bottom:20px}.features-list{margin-top:30px}.feature-item{align-items:flex-start;display:flex;gap:15px;margin-bottom:15px}.feature-item i{color:var(--success);font-size:20px;margin-top:3px}@media (max-width:992px){.hero-content{flex-direction:column}.hero-text{text-align:center}.hero-buttons{justify-content:center}.about-content{flex-direction:column}}@media (max-width:768px){.nav-links{background:var(--white);flex-direction:column;gap:30px;height:calc(100vh - 80px);left:-100%;padding:40px 20px;position:fixed;top:80px;transition:var(--transition);width:100%}}:root{--primary:#3498db;--primary-dark:#2980b9;--secondary:#2c3e50;--accent:#e74c3c;--light:#ecf0f1;--dark:#34495e;--success:#27ae60;--warning:#f39c12;--danger:#e74c3c;--gray:#95a5a6;--light-gray:#bdc3c7;--white:#fff;--shadow:0 4px 6px #0000001a;--transition:all 0.3s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8f9fa;color:#333;font-family:Poppins,sans-serif;line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:0 15px;width:90%}.btn{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;padding:12px 24px;text-align:center;transition:all .3s ease;transition:var(--transition)}.btn.primary-btn{background:linear-gradient(135deg,#3498db,#2980b9);background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 4px 10px #3498db4d;color:#fff;color:var(--white)}.btn.primary-btn:hover{box-shadow:0 6px 15px #3498db66;transform:translateY(-3px)}.btn.secondary-btn{background:#fff;background:var(--white);border:1px solid #3498db;border:1px solid var(--primary);color:#3498db;color:var(--primary)}.btn.secondary-btn:hover{background:#ecf0f1;background:var(--light)}section{padding:80px 0}h1,h2,h3,h4{color:#2c3e50;color:var(--secondary);line-height:1.3}p{color:#95a5a6;color:var(--gray)}
/*# sourceMappingURL=main.db62c5aa.css.map*/