.nav-items a .nav-items,.login-btn .nav-items{display:flex;justify-content:flex-end;margin-right:510px}.hero-btn{padding:1rem 2rem;font-size:1rem;background-color:var(--highlight-color);border:none;border-radius:5px;cursor:pointer;transition:background-color .2s ease;box-shadow:0 4px 6px #0003}.hero-btn:hover{background-color:#e6b800;box-shadow:0 5px 10px #0000004d}.intro-section{padding:4rem 0;background-color:var(--background-dark)}.content-container{max-width:1200px;margin:auto;padding:0 2rem;text-align:center}.intro-section h2{color:var(--highlight-color);margin-bottom:1rem}.intro-section p{color:var(--text-light);font-size:1.2rem}section{padding:60px 0;background-color:var(--background-light)}section h2{font-size:2.5rem;color:#fff;margin-bottom:20px}section p{font-size:1rem;line-height:1.6;max-width:800px;margin:auto}@media (max-width: 768px){.hero h1{font-size:2.5rem}.hero p{font-size:1rem}.hero-btn{padding:.8rem 2rem}.nav-items a,.login-btn{font-size:.9rem}.navbar{padding:1rem 5%}.navbar.scrolled{padding:.5rem 5%}}main{padding:2rem 5%}.patient-info{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;padding:2rem 5%}.patient-info h2{color:var(--highlight-color)}.chart-container{max-width:100%}.journal-entry,.medication,.text-to-patient{padding:1rem;background-color:var(--background-dark);border-radius:5px}.text-to-patient textarea{width:100%;margin-bottom:1rem}.text-to-patient .send-btn{padding:.5rem 1rem;font-size:1rem;background-color:var(--highlight-color);color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s ease}.text-to-patient .send-btn:hover{background-color:#e6b800}footer{background:var(--background-dark);color:#fff;text-align:center;padding:20px 0}:root{--primary-color: #0062E6;--secondary-color: #33AEFF;--highlight-color: #4A90E2;--text-dark: #333;--text-light: #b2b2b2;--background-dark: #0a0a0a;--background-light: #121212;--font-family: "Arial", sans-serif}body,html{margin:0;padding:0;font-family:var(--font-family);scroll-behavior:smooth;background:var(--background-light);color:var(--text-light)}.doctor-info{display:flex;justify-content:space-between;padding:2rem 5%}.doctor-info .info,.doctor-info .patients-info{flex:1;margin-right:2rem}.doctor-info h2{color:var(--highlight-color)}.chart-container{display:flex;justify-content:center;align-items:center;height:300px}.center-canvas{display:block}.patient-list{padding:2rem 5%}.patient-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem}.patient-btn{padding:1rem;font-size:1rem;background-color:var(--highlight-color);color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s ease}.patient-btn:hover{background-color:#e6b800}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;position:fixed;width:100%;top:0;z-index:1000;background-color:transparent;transition:background-color .3s,padding .3s}.navbar.scrolled{background-color:#000000d9}.logo{font-size:2rem;font-weight:700;color:#fff}.nav-items a,.login-btn{text-decoration:none;color:#fff;margin:0 1rem;font-weight:700;transition:color .3s ease,transform .3s ease}.nav-items a:hover,.login-btn:hover{color:var(--highlight-color);transform:translateY(-2px)}.login-btn{padding:.5rem 1rem;border:2px solid white;background:transparent;border-radius:5px;cursor:pointer}.hero{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:100px 0;background-color:var(--background-dark);color:#fff;text-align:center}.hero h1{font-size:3.5rem;color:var(--highlight-color);margin-bottom:.5rem}.hero p{font-size:1.25rem;margin-bottom:1.5rem}.auth-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#333}form{display:grid;gap:15px}input[type=email],input[type=password]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}button[type=submit],button[type=button]{width:100%;padding:12px;border:none;border-radius:4px;background-color:#0062e6;color:#fff;font-size:16px;cursor:pointer;transition:background-color .3s ease}button[type=submit]:hover,button[type=button]:hover{background-color:#004fbf}