*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}section{width:100%;display:flex;flex-direction:column;align-items:center}.navbar{width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 40px;background-color:#0d6efd;color:#fff;position:sticky;top:0;z-index:1000}.logo{font-size:25px;font-weight:700}.logo span{color:#ffdd57}.nav-links{list-style:none;display:flex;gap:25px}.nav-links li a{text-decoration:none;color:#fff;font-weight:500;transition:.3s}.nav-links li a:hover{color:#ffdd57}.footer{background:#0d6efd;color:#fff;text-align:center;padding:20px;width:100%}.hero{display:flex;justify-content:space-between;align-items:center;height:100vh;padding:0 10%;width:100%;background:linear-gradient(to right,#def,#f0f8ff);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../assets/hero-bg.jpg) center/cover no-repeat;opacity:.1;z-index:0}.hero-text,.hero-img{position:relative;z-index:1;max-width:50%}.hero-text h1{font-size:48px;margin-bottom:20px;color:#0d6efd;line-height:1.2;animation:fadeInDown 1s ease forwards;opacity:0}.hero-text h3{font-size:32px;margin-bottom:20px;color:#152e55;animation:fadeInUp 1s ease forwards .3s;opacity:0}.hero-text p{font-size:18px;margin-bottom:30px;color:#333;animation:fadeIn 1s ease forwards .6s;opacity:0}.btn{background-color:#ffdd57;color:#0d6efd;padding:14px 28px;font-size:18px;font-weight:700;border-radius:8px;text-decoration:none;box-shadow:0 5px 15px #0000001a;transition:all .3s ease}.btn:hover{background-color:#ffc107;transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.hero-img img{width:450px;animation:float 3s ease-in-out infinite}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 992px){.hero{flex-direction:column;padding:50px 5%;height:auto;text-align:center}.hero-text,.hero-img{max-width:100%}.hero-img img{width:300px;margin-top:20px}.hero-text h1{font-size:36px}.hero-text h3{font-size:24px}.hero-text p{font-size:16px}.btn{font-size:16px;padding:12px 24px}}@media (max-width: 576px){.hero-img img{width:250px}.hero-text h1{font-size:28px}.hero-text h3{font-size:20px}.hero-text p{font-size:14px}}.about{width:100%;padding:80px 20px;background:#f8f9fa;box-sizing:border-box}.about-container{display:flex;align-items:center;gap:40px;max-width:1200px;margin:0 auto;flex-wrap:wrap}.about-img img{width:400px;border-radius:12px;box-shadow:0 10px 20px #0000001a}.about-text{flex:1;min-width:300px}.about-text h2{font-size:36px;color:#0d6efd;margin-bottom:20px}.about-text p{font-size:16px;color:#555;margin-bottom:25px;line-height:1.6}.about-points{display:grid;gap:15px;margin-bottom:25px}.point{display:flex;align-items:center;gap:10px;font-size:16px;color:#333;transition:transform .3s}.point .icon{font-size:20px;color:#0d6efd}.point:hover{transform:translate(5px)}.learn-more{padding:12px 24px;background:linear-gradient(90deg,#0d6efd,#0b5ed7);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;transition:all .3s}.learn-more:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0003}.services{padding:80px 20px;background:#fff;text-align:center;box-sizing:border-box}.services h2{font-size:36px;margin-bottom:16px;color:#0d6efd}.services-subtitle{font-size:18px;color:#555;margin-bottom:40px}.services-grid{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));max-width:1200px;margin:0 auto}.service-card{background:#f9f9f9;padding:20px;border-radius:12px;box-shadow:0 4px 12px #0000001a;transition:transform .3s}.service-card:hover{transform:translateY(-8px)}.service-card img{width:200px;height:200px;object-fit:cover;margin-bottom:15px}.service-card h3{margin-bottom:10px;color:#333;font-size:20px}.service-card p{font-size:14px;color:#666}.contact{padding:80px 10%;background:#f8f9fa;text-align:center;width:100%}.contact h2{font-size:32px;margin-bottom:30px;color:#0d6efd}.contact-form{display:flex;flex-direction:column;max-width:500px;margin:auto;gap:15px}.contact-form input,.contact-form textarea{padding:12px;border:1px solid #ddd;border-radius:5px}.contact-form button{background-color:#0d6efd;color:#fff;padding:12px;border:none;border-radius:5px;font-weight:700;cursor:pointer;transition:.3s}.contact-form button:hover{background-color:#0b5ed7}.information-card{background:#f8f9fa;border-radius:12px;padding:20px;box-shadow:0 4px 6px #0000001a;text-align:center;flex:1;transition:transform .3s ease}.information-card:hover{transform:translateY(-5px)}.information-card h3{font-size:20px;color:#0d6efd;margin-bottom:10px}.information-card p{font-size:15px;color:#555}.info{width:100%;padding:60px 20px;background:#fff}.info-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.doctors{width:100%;padding:80px 20px;background:#f9f9f9;text-align:center;box-sizing:border-box}.doctors h2{font-size:36px;margin-bottom:16px;color:#0d6efd}.doctors-subtitle{font-size:18px;color:#555;margin-bottom:40px}.doctor-grid{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));max-width:1200px;margin:0 auto}.doctor-card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 12px #0000001a;transition:transform .3s}.doctor-card:hover{transform:translateY(-8px)}.doctor-card img{width:100px;height:100px;border-radius:50%;object-fit:cover;margin-bottom:15px}.doctor-card h3{font-size:20px;margin-bottom:5px;color:#333}.doctor-card .spec{font-size:14px;color:#777;margin-bottom:10px}.doctor-card .review{font-size:14px;color:#444;display:flex;flex-direction:column;align-items:center;gap:5px}.doctor-card .stars{color:#ffdd57;font-size:16px}.reviews{padding:60px 20px;background:#fff;text-align:center}.reviews h2{color:#0d6efd;margin-bottom:30px}.reviews-container{display:grid;gap:20px;max-width:800px;margin:0 auto}.review-card{border:1px solid #ddd;border-radius:10px;padding:20px;background:#f9f9f9}.review-card h3{margin-bottom:10px;color:#333}.review-card p{color:#555}.book-appointment{padding:50px 20px;background:#0d6efd;color:#fff;text-align:center}.book-appointment h2{margin-bottom:10px}.book-appointment p{margin-bottom:20px}.book-appointment .btn{background:#fff;color:#0d6efd;padding:10px 20px;border-radius:6px;border:none;cursor:pointer}.subscribe{padding:50px 20px;background:#f0f4ff;text-align:center}.subscribe h2{margin-bottom:15px;color:#0d6efd}.subscribe form{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.subscribe input{padding:12px;border:1px solid #ddd;border-radius:8px;min-width:250px}.subscribe .btn{background:#0d6efd;color:#fff;padding:12px 24px;border:none;border-radius:8px;cursor:pointer}.subscribe .btn:hover{background:#0b5ed7}.solution-steps{padding:60px 20px;background:#fff;text-align:center}.solution-steps h2{color:#0d6efd;margin-bottom:20px}.solution-steps ol{list-style:decimal inside;max-width:500px;margin:0 auto;text-align:left;color:#333;line-height:1.8}.legal-docs{width:100%;padding:60px 20px;background:#baccff;text-align:center}.legal-docs h2{font-size:32px;color:#0d6efd;margin-bottom:30px}.legal-docs-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.legal-doc-card{background:#fff;border-radius:12px;padding:20px;max-width:300px;box-shadow:0 4px 6px #0000001a;text-align:left}.legal-doc-card h3{font-size:20px;margin-bottom:10px;color:#0d6efd}.legal-doc-card p{font-size:15px;color:#555}.appointment-form{padding:60px 20px;background:#f9f9f9;text-align:center}.appointment-form h2{color:#0d6efd;margin-bottom:20px}.appointment-form form{display:flex;flex-direction:column;max-width:500px;margin:0 auto;gap:15px}.appointment-form input,.appointment-form textarea{padding:12px;border:1px solid #ddd;border-radius:8px}.appointment-form .btn{padding:12px;background:#0d6efd;color:#fff;border:none;border-radius:8px;cursor:pointer}.appointment-form .btn:hover{background:#0b5ed7}