*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}body{background:#f9f9f9;color:#333;line-height:1.6}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}header{background:#27ae60;color:#fff;padding:15px 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px rgb(0 0 0 / .1)}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center}.logo i{font-size:2rem;margin-right:10px;color:#f1c40f}.logo h1{font-size:1.8rem;font-weight:700}nav ul{display:flex;list-style:none}nav ul li{margin-left:25px}nav ul li a{color:#fff;text-decoration:none;font-weight:500;transition:color 0.3s}nav ul li a:hover{color:#f1c40f}#hamburger-btn{display:none;font-size:1.8rem;cursor:pointer;color:#fff}.hero{background:linear-gradient(135deg,#27ae60 0%,#1abc9c 100%);color:#fff;padding:80px 0;text-align:center}.hero-content{max-width:800px;margin:0 auto}.hero h2{font-size:2.8rem;margin-bottom:20px}.hero p{font-size:1.2rem;margin-bottom:30px;opacity:.9}.cta-button{background:#f1c40f;color:#2c3e50;padding:15px 35px;border-radius:50px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all 0.3s ease;box-shadow:0 5px 15px rgb(0 0 0 / .2)}.cta-button:hover{background:#f39c12;transform:translateY(-3px);box-shadow:0 8px 20px rgb(0 0 0 / .3)}.solver-container{background:#fff;border-radius:20px;box-shadow:0 15px 35px rgb(0 0 0 / .1);overflow:hidden;margin:-50px auto 50px;max-width:800px}.solver-header{background:#27ae60;color:#fff;padding:25px;text-align:center}.solver-header h2{font-size:2rem;margin-bottom:10px}.solver-content{padding:30px}.input-section{margin-bottom:30px}.section-title{font-size:1.3rem;color:#27ae60;margin-bottom:15px;font-weight:600;display:flex;align-items:center}.section-title i{margin-right:10px}.petals-input{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px}.input-group{display:flex;flex-direction:column}.input-group label{margin-bottom:8px;font-weight:500;color:#444}input[type="text"]{padding:15px;border:2px solid #ddd;border-radius:10px;font-size:1.2rem;text-align:center;text-transform:uppercase;transition:all 0.3s}input[type="text"]:focus{border-color:#27ae60;outline:none;box-shadow:0 0 0 3px rgb(39 174 96 / .2)}.center-input{display:flex;justify-content:center;margin-bottom:25px}.center-input .input-group{width:200px}.settings{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.select-group{display:flex;flex-direction:column}.select-group label{margin-bottom:8px;font-weight:500;color:#444}select{padding:15px;border:2px solid #ddd;border-radius:10px;font-size:1rem;background:#fff;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 15px center;background-size:16px}select:focus{border-color:#27ae60;outline:none;box-shadow:0 0 0 3px rgb(39 174 96 / .2)}.level-display{background:#e8f5e9;padding:15px;border-radius:10px;text-align:center;margin-bottom:25px;border-left:4px solid #27ae60}.level-display h3{color:#27ae60;margin-bottom:5px}.level-display p{color:#666;font-weight:500}.hint-mode{display:flex;align-items:center;margin-bottom:25px}.hint-mode input{margin-right:10px;width:18px;height:18px}.hint-mode label{font-weight:500;color:#444}.solve-btn{display:block;width:100%;padding:18px;background:linear-gradient(to right,#27ae60,#2ecc71);color:#fff;border:none;border-radius:10px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all 0.3s;box-shadow:0 5px 15px rgb(39 174 96 / .4)}.solve-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgb(39 174 96 / .6)}.solve-btn:active{transform:translateY(0)}.solution-section{margin-top:30px;padding-top:20px;border-top:1px solid #eee}.solution-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.show-solution{background:none;border:none;color:#27ae60;font-weight:600;cursor:pointer;display:flex;align-items:center}.show-solution i{margin-left:5px}.solution-content{background:#f9f9f9;padding:20px;border-radius:10px;min-height:100px;display:flex;align-items:center;justify-content:center;color:#777;font-style:italic}.about{padding:80px 0;background:#fff}.about-content{display:flex;align-items:center;gap:50px}.about-text{flex:1}.about-image{flex:1;background:#e8f5e9;height:400px;border-radius:20px;display:flex;align-items:center;justify-content:center}.about-image i{font-size:8rem;color:#27ae60;opacity:.7}.features{padding:80px 0;background:#e8f5e9}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px}.feature-card{background:#fff;padding:30px;border-radius:15px;box-shadow:0 5px 15px rgb(0 0 0 / .05);text-align:center;transition:transform 0.3s}.feature-card:hover{transform:translateY(-10px)}.feature-icon{width:70px;height:70px;background:#27ae60;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:1.8rem}.how-to-use{padding:80px 0;background:#fff}.steps{display:flex;justify-content:space-between;margin-top:50px;gap:30px}.step{text-align:center;flex:1}.step-number{width:50px;height:50px;background:#27ae60;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:1.5rem;font-weight:700}.faq{padding:80px 0;background:#e8f5e9}.faq-item{background:#fff;margin-bottom:20px;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px rgb(0 0 0 / .05)}.faq-question{padding:20px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.faq-answer{padding:0 20px 20px;color:#666;display:none}.faq-answer-active{display:block}footer{background:#2c3e50;color:#fff;padding:60px 0 30px}.footer-content{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.footer-column h3{margin-bottom:20px;font-size:1.2rem}.footer-column ul{list-style:none}.footer-column ul li{margin-bottom:10px}.footer-column ul li a{color:#ddd;text-decoration:none;transition:color 0.3s}.footer-column ul li a:hover{color:#27ae60}.social-icons{display:flex;gap:15px;margin-top:20px}.social-icons a{width:40px;height:40px;background:#3a506b;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:background 0.3s}.social-icons a:hover{background:#27ae60}.copyright{text-align:center;margin-top:40px;padding-top:20px;border-top:1px solid #3a506b;color:#aaa}.section-title-main{text-align:center;margin-bottom:50px}.section-title-main h2{font-size:2.5rem;color:#27ae60;margin-bottom:15px}.section-title-main p{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto}@media (max-width:900px){.features-grid{grid-template-columns:repeat(2,1fr)}.footer-content{grid-template-columns:repeat(2,1fr)}.about-content{flex-direction:column}.steps{flex-direction:column}}@media (max-width:600px){.petals-input{grid-template-columns:repeat(2,1fr)}.settings{grid-template-columns:1fr}.features-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr}nav ul{opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity 0.3s ease,transform 0.3s ease,visibility 0.3s;flex-direction:column;position:absolute;top:68px;left:0;width:100%;background-color:#2c3e50;padding:15px 0;box-shadow:0 4px 8px rgb(0 0 0 / .1);display:flex}nav ul.open{opacity:1;visibility:visible;transform:translateY(0)}nav ul li{margin:0;text-align:center}#hamburger-btn{display:block}}@media (max-width:600px){nav ul li a{padding:15px;display:block}}.about-text{max-width:800px;margin:0 auto;text-align:left}.about-section{padding:80px 0;background:#fff}.section-title-main{text-align:center;margin-bottom:50px}.section-title-main h2{font-size:2.5rem;color:#27ae60;margin-bottom:15px}.section-title-main p{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto}.contact-info{max-width:800px;margin:0 auto;text-align:center;background:#fff;padding:40px;border-radius:15px;box-shadow:0 5px 15px rgb(0 0 0 / .05)}.contact-info p{font-size:1.1rem;color:#555;margin-bottom:25px}.contact-info .email-address{font-size:1.3rem;font-weight:600}.contact-info .email-address a{color:#27ae60;text-decoration:none}.contact-info .email-address i{margin-right:10px}.contact-socials{margin-top:40px;padding-top:30px;border-top:1px solid #eee}.contact-socials h3{font-size:1.3rem;color:#333;margin-bottom:20px}.contact-socials .social-icons{justify-content:center}.contact-socials .social-icons a{width:50px;height:50px;font-size:1.2rem}.content-wrapper{max-width:800px;margin:0 auto;text-align:left}.content-wrapper h3{font-size:1.5rem;color:#27ae60;margin-top:30px;margin-bottom:15px}.content-wrapper p{margin-bottom:15px;color:#555}.content-wrapper ul{margin-left:20px;margin-bottom:15px}