body{margin:0;font-family:Arial,sans-serif;background:linear-gradient(-45deg,#7fafff,#2dfa1e,#a4998a,#b84e4e);background-size:400% 400%;animation:gradientBG 20s ease infinite}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.App{text-align:center}h1{color:#333;margin-bottom:10px}.section{background-color:#fff;padding:1.5rem;margin:6rem auto;max-width:600px;border-radius:12px;box-shadow:0 4px 12px #000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.5rem}.input-group,.quiz-controls,.quiz-section{margin:20px 0}.input-group input,.quiz-controls input,.quiz-section input{margin:5px;padding:8px;border-radius:6px;border:1px solid #ccc;width:120px}.input-group button,.quiz-controls button,.quiz-section button{padding:8px 16px;margin-left:5px;border:none;background-color:#004aad;color:#fff;border-radius:6px;cursor:pointer;transition:background .3s ease}.input-group button:hover,.quiz-controls button:hover,.quiz-section button:hover{background-color:#06f}.result-list{list-style-type:none;padding:0}.result-list li{text-align:left;margin:5px 0;font-size:16px}.navbar{background:#e6f0f099;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .3s ease,backdrop-filter .3s ease;padding:1.5rem;position:fixed;left:0;top:0;z-index:1000;width:100%;box-shadow:0 2px 4px #000;display:flex;justify-content:center;justify-content:space-around}.nav-links{display:flex;justify-content:center;gap:30px;list-style:none;margin:0;padding:0}.nav-links a{color:#fff;text-decoration:none;font-weight:600;font-size:16px;padding:8px 16px;border-radius:4px;transition:background-color .3s}.nav-links a:hover,.nav-links .active{background-color:#06f}.navbar-logo{font-weight:700;font-size:1.2rem;color:gray}.navbar-links{display:flex;gap:15px}.navbar-links a{text-decoration:none;color:#333;font-weight:600}.navbar-links a.active{color:#07f}.hamburger{display:none;font-size:24px;cursor:pointer;color:#333;justify-content:center;align-items:center;width:100%;text-align:center}@media (max-width: 768px){.navbar-links{display:none;flex-direction:column;background-color:#fffffff2;position:absolute;top:60px;left:0;width:100%;padding:10px 20px}.navbar-links.open{display:flex}.hamburger{display:block}}.formulas-section{padding:2rem;background-color:#f9f9f9;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:800px;margin:0 auto;border-radius:10px;box-shadow:0 4px 10px #0003;margin-top:6rem;margin-bottom:3rem;color:#333;line-height:1.6;font-size:1.1rem;text-align:left}.formulas-section h2{font-size:2rem;color:#2c3e50;margin-bottom:1rem;text-align:center}.formulas-section h3{font-size:1.5rem;margin-top:2rem;color:#34495e}.formulas-section ul{list-style-type:none;padding-left:0}.formulas-section li{margin-bottom:1rem;background:#fff;padding:1rem;border-radius:8px;box-shadow:0 4px 10px #000c}.formulas-section li strong{color:#1e88e5}.formulas-section li em{color:#555;font-style:italic}.quiz-box{margin-top:3rem;padding:1.5rem;background:#fff;border-radius:10px;border:1px solid #e0e0e0;box-shadow:0 6px 12px #0000000d}.quiz-box select,.quiz-box input[type=text]{padding:.5rem;margin-right:1rem;border:1px solid #ccc;border-radius:6px;font-size:1rem}.quiz-box button{background-color:#1abc9c;border:none;color:#fff;padding:.6rem 1.2rem;border-radius:6px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.quiz-box button:hover{background-color:#16a085}.question-box{margin-top:1.5rem}.question-box p{font-weight:500;margin-bottom:.5rem}.quiz-box{background-color:#f9f9f9;padding:20px;margin-top:30px;border-radius:12px;box-shadow:0 4px 12px #000c}.question-box{background-color:#fff;padding:15px;border-radius:8px;margin-top:20px;border:1px solid #ddd}.quiz-box button{padding:10px 16px;margin:10px 6px 10px 0;font-size:16px;border:none;border-radius:6px;cursor:pointer;background-color:#007bff;color:#fff;transition:background .3s ease}.quiz-box button:hover{background-color:#0056b3}.quiz-box select{margin:10px 0;padding:8px;border-radius:4px;border:1px solid #ccc}.quiz-box input[type=radio]{margin-right:8px}.language-switcher{display:flex;gap:.1rem}.language-switcher button{background-color:#007bff;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.language-switcher button:hover{background-color:#0056b3;transform:scale(1.05)}.language-switcher button:focus{outline:none;box-shadow:0 0 0 3px #007bff80}.footer{padding:20px;background:#e6f0f099;text-align:center;position:relative;z-index:10;box-shadow:0 2px 8px #000000e6;margin-top:20px;bottom:0;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.footer-text p{margin:10px 0;font-size:2rem;color:#333!important}.social-media a{margin:0 10px;color:#333!important;font-size:1.5rem}.footer-iconTop a{display:inline-block;margin-top:10px;font-size:2rem;color:#333!important;transition:color .3s}.footer-iconTop a:hover{color:#007bff}.home-intro{padding:3rem 1rem;background:#f9f9f9;border-radius:12px;box-shadow:0 8px 16px #000c;margin:2rem auto;max-width:1000px;font-family:Poppins,sans-serif}.intro-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:2rem}.intro-text{flex:1;min-width:260px}.intro-text h1{font-size:2.2rem;margin-bottom:1rem;color:#222}.intro-text p{font-size:1.2rem;color:#444;line-height:1.6}.intro-image{flex:1;text-align:center}.intro-image img{max-width:280px;width:100%;border-radius:50%;border:5px solid #ddd;box-shadow:0 6px 12px #0003}@media (max-width: 768px){.intro-container{flex-direction:column;text-align:center}.intro-image{order:-1}.intro-text h1{font-size:1.8rem}.intro-text p{font-size:1rem}}.contact-info{background-color:#f3f4f6;padding:2rem;border-radius:12px;box-shadow:0 8px 16px #000c;max-width:500px;margin:auto;text-align:center}.contact-info h2{color:#222;font-size:2rem;margin-bottom:1rem}.contact-info p{color:#555;margin:.4rem 0;font-size:1.5rem}.contact-details{margin:1.5rem 0;font-size:1.5rem}.contact-details p{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem;color:#444;font-size:1.5rem}.contact-details a{color:#0077b5;text-decoration:none;font-size:1.5rem}.contact-details a:hover{text-decoration:underline}.social-links{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-top:1.2rem}.social-links a{text-decoration:none;font-size:1.1rem;color:#333;display:flex;align-items:center;gap:.5rem;transition:color .3s ease}.social-links a:hover{color:#0077b5}