.doctor-card{background-color:#fff;border:1px solid #e2e2e2;border-radius:12px;box-shadow:0 2px 6px #0000000f;cursor:pointer;padding:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.doctor-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-5px)}.doctor-img{border:3px solid #4b9cf5;border-radius:50%;height:100px;margin-bottom:15px;object-fit:cover;transition:border-color .3s ease;width:100px}.doctor-card:hover .doctor-img{border-color:#2563eb}.doctor-card h3{color:#333;font-size:20px;font-weight:600;margin:0}.doctor-card p{color:#666;font-size:14px;margin:4px 0}.available{color:#28a745;font-weight:700}.unavailable{color:#d93025;font-weight:700}@media (max-width:600px){.doctor-card{padding:16px}.doctor-img{height:80px;width:80px}.doctor-card h3{font-size:18px}}.search-bar{background-color:#f9f9f9;border:2px solid #d1d5db;border-radius:8px;box-shadow:inset 0 1px 2px #0000000d;color:#333;display:block;font-size:16px;margin:0 auto;max-width:500px;outline:none;padding:14px 18px;transition:all .3s ease;width:100%}.search-bar::placeholder{color:#888;font-weight:400}.search-bar:focus{background-color:#fff;border-color:#4b9cf5;box-shadow:0 0 0 3px #4b9cf533}@media (max-width:600px){.search-bar{font-size:15px;padding:12px 14px}}.landing-page{animation:fadeInUp .5s ease-in-out;background:linear-gradient(to bottom right,#f0f4ff,#fff);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:60px 40px}.landing-page h1{color:#1f2937;font-size:36px;letter-spacing:1px;margin-bottom:30px;text-align:center}.doctor-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:10px;padding:20px 0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.landing-page{padding:40px 20px}.landing-page h1{font-size:28px}}.doctor-profile{background:#fff;border-radius:1rem;box-shadow:0 0 10px #0000001a;margin:0 auto;max-width:700px;padding:2rem;text-align:center}.profile-image{border-radius:100px;height:150px;margin-bottom:1rem;object-fit:cover;width:150px}.specialization{color:#666;font-weight:700}.bio{font-style:italic;margin:1rem 0}.availability-schedule{margin-top:2rem;text-align:left}.availability-schedule ul{list-style:none;padding:0}.availability-schedule li{background:#f5f5f5;border-radius:.5rem;margin-bottom:.5rem;padding:.5rem 1rem}.book-button{background:#007bff;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;margin-top:1.5rem;padding:.75rem 1.5rem}.book-button:hover{background:#0056b3}.appointment-form{background-color:#fff;border-radius:12px;box-shadow:0 8px 25px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:60px auto;max-width:500px;padding:30px 40px}.appointment-form h2{color:#333;font-size:24px;margin-bottom:20px;text-align:center}.appointment-form input{background-color:#fdfdfd;border:1.5px solid #ccc;border-radius:8px;font-size:15px;margin-bottom:18px;padding:14px 16px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.appointment-form input:focus{border-color:#4b9cf5;box-shadow:0 0 0 3px #4b9cf533;outline:none}.appointment-form button{background-color:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:14px;transition:background-color .3s ease;width:100%}.appointment-form button:hover{background-color:#1e4fd1}.confirmation{background-color:#e6f9e9;border:1px solid #b6e4c2;border-radius:12px;box-shadow:0 4px 18px #00000014;margin:100px auto;max-width:450px;padding:40px;text-align:center}.confirmation h2{color:#28a745;font-size:24px;margin-bottom:15px}.confirmation p{color:#333;font-size:16px}@media (max-width:600px){.appointment-form,.confirmation{margin:30px 16px;padding:20px}.appointment-form h2,.confirmation h2{font-size:20px}.appointment-form button{font-size:15px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.ba49a6ba.css.map*/