.section-title{font-size:2.5rem;margin-bottom:0rem;text-align:center;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;background-clip:text;color:transparent}.card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--primary-color)}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.25rem}.section{padding:3rem 0}.card{padding:1.5rem}}.section{padding:5rem 0;min-height:calc(100vh - var(--navbar-height));display:flex;flex-direction:column;justify-content:center}.section-title{font-size:2.5rem;margin-bottom:3rem;text-align:center;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;background-clip:text;color:transparent}.card{background-color:var(--card-background);padding:2.5rem;border-radius:1rem;margin-bottom:2rem;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);animation:fadeIn .5s ease-out}.card:hover{transform:translateY(-5px);box-shadow:0 8px 12px -1px #0003}.card h3{font-size:1.75rem;margin-bottom:1rem;color:var(--primary-color)}.card p{margin-bottom:1rem;line-height:1.7}.card h4{font-size:1.25rem;margin-bottom:1rem;font-weight:600}.card ul{list-style-type:none;padding-left:0}.card ul li{margin-bottom:.75rem;line-height:1.6;font-weight:500}@media (max-width: 768px){.section-title{font-size:2rem}.card{padding:1.5rem}.card h3{font-size:1.5rem}.card h4{font-size:1.1rem}}.dashboard-container{display:flex;height:91vh;background-color:var(--background-color);position:relative}.card-dashboard.active{background-color:var(--secondary-color);transform:scale(1.05);transition:transform .3s ease,box-shadow .3s ease}.card-dashboard:hover{background-color:var(--secondary-color);box-shadow:0 0 5px 2px var(--primary-color);transform:scale(1.03)}.sidebar{width:250px;background-color:var(--nav-background);padding:20px;display:flex;flex-direction:column;gap:20px;transition:transform .3s ease;position:absolute;left:0;top:0;bottom:0;overflow-y:auto;max-height:100vh}.sidebar.sidebar-visible{transform:translate(0)}.sidebar{transform:translate(-100%)}.card-dashboard{background-color:var(--nav-background);border-bottom:2px solid black;border-top:1px solid black;border-left:1px solid black;border-right:2px solid black;padding:5px;margin-top:0;text-align:center;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.card-dashboard:hover{background-color:var(--secondary-color)}.card-dashboard h3{color:var(--text-color);margin:0}.card-dashboard p{color:var(--text-color);font-size:.9rem}.main-content{flex-grow:1;padding:20px;overflow-y:auto;background-color:var(--background-color);margin-left:250px}.cancer-detail h2{color:var(--primary-color);font-size:2rem;margin-bottom:10px}.cancer-detail p{color:var(--text-color);font-size:1.1rem;margin-bottom:20px}.scan-images img{width:100%;max-width:500px;margin-bottom:15px;border-radius:8px}.sidebar-toggle{position:absolute;top:6px;left:6px;font-size:2rem;background-color:#000000ab;border:none;padding-left:10px;padding-right:10px;padding-bottom:4px;border-radius:25px;color:var(--text-color);cursor:pointer;z-index:999}@media (min-width: 769px){.sidebar-toggle{display:none}}@media (max-width: 768px){.dashboard-container{flex-direction:column}.sidebar{width:100%;height:auto;transform:translate(-100%)}.sidebar.sidebar-visible{transform:translate(0)}.main-content{margin-left:0;padding:10px}}.upload-section{margin-bottom:30px;border:2px dashed var(--secondary-color);padding:20px;border-radius:12px;background-color:var(--card-background);box-shadow:0 4px 10px #0000001a}.upload-section label{font-size:1.2rem;font-weight:700;color:var(--primary-color);margin-bottom:10px;display:block}.upload-section input[type=file]{width:100%;padding:15px;border-radius:8px;border:2px solid var(--secondary-color);background-color:var(--background-color);font-size:1rem;color:var(--text-color);transition:all .3s ease;cursor:pointer}.upload-section input[type=file]:hover{border-color:var(--primary-color);background-color:var(--card-background)}.upload-section input[type=file]:focus{outline:none;border-color:var(--primary-color);background-color:var(--card-background)}.upload-section input[type=file]::-webkit-file-upload-button{background-color:var(--primary-color);color:#fff;border:none;padding:10px 15px;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.upload-section input[type=file]::-webkit-file-upload-button:hover{background-color:var(--secondary-color)}.begin-analysis{background-color:var(--primary-color);color:#fff;padding:12px 24px;border-radius:8px;border:none;font-size:1rem;cursor:pointer;transition:all .3s ease;margin-top:15px;box-shadow:0 5px 10px #0000001a}.begin-analysis:hover{background-color:var(--secondary-color);box-shadow:0 8px 15px #00000026}.begin-analysis:disabled{background-color:#ccc;cursor:not-allowed;box-shadow:none}.scan-images img{max-width:100%;max-height:300px;border-radius:10px;margin-top:10px;box-shadow:0 4px 8px #0000001a}[data-theme=dark] .upload-section{background-color:var(--card-background);border:2px dashed var(--accent-color)}[data-theme=dark] .upload-section input[type=file]{background-color:var(--background-color);border:2px solid var(--accent-color);color:var(--text-color)}[data-theme=dark] .upload-section input[type=file]:hover{background-color:var(--card-background);border-color:var(--primary-color)}[data-theme=dark] .upload-section input[type=file]:focus{border-color:var(--primary-color)}[data-theme=dark] .upload-section input[type=file]::-webkit-file-upload-button{background-color:var(--accent-color)}[data-theme=dark] .begin-analysis{background-color:var(--primary-color);color:#fff}[data-theme=dark] .begin-analysis:hover{background-color:var(--secondary-color)}[data-theme=dark] .begin-analysis:disabled{background-color:#444}.begin-analysis{margin-bottom:10px;margin-top:0}.sidebar-search{width:100%;padding:10px;margin-top:20px;border-radius:5px;border:1px solid var(--primary-color);font-size:1rem;background-color:var(--card-background);color:var(--text-color);transition:all .3s ease}.sidebar-search:focus{outline:none;border-color:var(--secondary-color);background-color:var(--background-color)}.sidebar-search::placeholder{color:var(--text-color)}.card-dashboard-cancerfinder,.card-dashboard-history{padding:1px}.history-container{padding:20px;background-color:var(--background-color)}.history-container h2{font-size:24px;margin-bottom:20px;color:var(--text-color)}.history-card{background-color:var(--card-background);padding:15px;margin-bottom:10px;box-shadow:0 2px 5px #0000001a;border-radius:8px}.history-card h3{font-size:20px;color:var(--primary-color)}.history-card p{font-size:16px;color:var(--secondary-color)}.history-buttons{margin-top:10px}.history-buttons button{padding:8px 15px;margin-right:10px;font-size:14px;cursor:pointer;border:none;border-radius:5px;background-color:var(--accent-color);color:var(--text-color);transition:background-color .3s ease}.history-buttons button:hover{background-color:var(--secondary-color)}.history-buttons button:last-child{background-color:var(--primary-color)}.history-buttons button:last-child:hover{background-color:var(--gradient-start)}.blank-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:85vh;box-sizing:border-box}.content{text-align:center;max-width:600px;margin:20px}.title{font-size:2rem;margin-bottom:20px}.description{font-size:1rem;line-height:1.6}@media (max-width: 768px){.title{font-size:1.5rem}.description{font-size:.9rem}.blank-container{padding:10px}.design-element{height:3px}}@media (max-width: 480px){.title{font-size:1.2rem}.description{font-size:.85rem}.design-element{height:2px}}.profile-container{position:relative;display:flex;height:auto;background-color:var(--background-color);overflow:hidden}.profile-left-sidebar{width:250px;background-color:var(--nav-background);color:var(--text-color);transition:width .3s ease;position:fixed;top:64px;left:0;box-shadow:4px 0 6px #0000001a;height:92vh;z-index:2}.profile-left-sidebar.minimized{width:40px}.profile-toggle-btn.left{position:absolute;top:20px;left:-20px;background-color:var(--secondary-color);border:none;color:var(--text-color);font-size:18px;padding:10px;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0003;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.profile-toggle-btn.left:hover{transform:scale(1.1);background-color:var(--accent-color);box-shadow:0 0 15px var(--accent-color),0 0 30px var(--accent-color),0 0 45px var(--accent-color)}.profile-sidebar-content{padding:20px}.profile-left-sidebar ul{list-style-type:none;padding:0}.profile-left-sidebar li{margin:10px 0}.profile-left-sidebar a{color:var(--text-color);text-decoration:none;font-size:1.1rem;border-bottom:2px solid black;border-top:1px solid black;border-left:1px solid black;border-right:1px solid black;font-weight:500;transition:color .3s,transform .2s;padding:12px 20px;margin:8px 0;display:block;border-radius:8px}.profile-left-sidebar a:hover{background-color:var(--secondary-color);box-shadow:0 0 5px 2px var(--primary-color);transform:scale(1.03)}.profile-left-sidebar a:focus{outline:2px solid var(--accent-color);outline-offset:2px}.profile-center{flex-grow:1;transition:margin .3s ease;padding:20px 60px;background-color:var(--background-color);position:relative;z-index:1;overflow-y:auto;height:calc(100vh - 40px)}.profile-right-sidebar{width:400px;background-color:var(--nav-background);color:var(--text-color);transition:width .3s ease;position:fixed;top:64px;right:0;box-shadow:-4px 0 6px #0000001a;height:92vh;z-index:2}.profile-right-sidebar.minimized{width:40px}.profile-toggle-btn.right{position:absolute;top:20px;right:-20px;background-color:var(--secondary-color);border:none;color:var(--text-color);font-size:18px;padding:10px;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0003;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.profile-toggle-btn.right:hover{transform:scale(1.1);background-color:var(--accent-color);box-shadow:0 0 15px var(--accent-color),0 0 30px var(--accent-color),0 0 45px var(--accent-color)}.profile-right-sidebar .profile-sidebar-content{padding:20px}.profile-right-sidebar .profile-box{background-color:var(--notif-sidecard);padding:20px;margin-bottom:20px;border-radius:8px;box-shadow:0 4px 8px #0000001a}.profile-right-sidebar .profile-logout-btn{background-color:var(--accent-color);color:var(--text-color);padding:12px 25px;border:none;border-radius:8px;cursor:pointer;position:absolute;bottom:20px;left:50%;transform:translate(-50%);transition:background-color .3s}.profile-right-sidebar .profile-logout-btn:hover{background-color:var(--secondary-color)}.profile-box h3{font-size:1.5rem;color:var(--primary-color);margin-bottom:10px}.profile-box ul{list-style-type:none;padding:0}.profile-box li{margin-bottom:8px}.profile-left-sidebar:not(.minimized) .profile-toggle-btn.left,.profile-right-sidebar:not(.minimized) .profile-toggle-btn.right{box-shadow:0 0 15px var(--accent-color),0 0 30px var(--accent-color),0 0 45px var(--accent-color);transform:scale(1.05);background-color:var(--accent-color)}.profile-toggle-btn:hover{transform:scale(1.1);background-color:var(--accent-color);box-shadow:0 0 15px var(--accent-color),0 0 30px var(--accent-color),0 0 45px var(--accent-color)}.profile-left-sidebar a.active{color:var(--accent-color);font-weight:700;background-color:#4fd1c51a}@media (max-width: 409px){.profile-right-sidebar{width:250px}.profile-left-sidebar.minimized,.profile-right-sidebar.minimized{width:20px}.profile-toggle-btn.right{right:5px;width:40px;z-index:1000;top:10px}.profile-toggle-btn.left{z-index:1000;left:5px;width:40px;top:10px}.profile-center{padding:10px 20px 10px 30px}.profile-toggle-btn.left:hover,.profile-toggle-btn.right:hover{transform:scale(1);background-color:var(--accent-color);box-shadow:0 0}}.home-container{padding:20px;color:var(--text-color)}.welcome-message{text-align:center;background-color:var(--card-background);padding:25px;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:40px}.welcome-message h1{font-size:32px;font-weight:700;color:var(--primary-color);margin-bottom:10px}.welcome-message p{font-size:18px;color:var(--text-color);margin:5px 0}.welcome-message .diagnosis,.welcome-message .treatment-plan{font-weight:700;color:var(--text-color)}.welcome-message .status{color:var(--text-color);font-weight:600}.age-gender{font-size:16px;font-style:italic}hr{border:0;height:1px;background:var(--primary-color);margin:20px 0}.cards-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}@media screen and (max-width: 768px){.cards-container{grid-template-columns:1fr}}.schedule-timeline{margin-top:30px;border-radius:10px;padding:15px;background-color:var(--card-background);box-shadow:0 4px 6px #0000001a}.schedule-timeline h2{color:var(--primary-color);font-size:24px;margin-bottom:20px}.schedule-list{max-height:400px;overflow-y:auto}.schedule-item{padding:15px;border-bottom:1px solid var(--primary-color);margin-bottom:10px;font-size:16px}.schedule-item p{color:var(--text-color)}.schedule-item span{font-weight:700;color:var(--secondary-color)}.btn-done{background-color:var(--primary-color);color:#fff;border:none;padding:8px 16px;border-radius:5px;cursor:pointer;margin-top:10px;transition:background-color .3s ease}.btn-done:hover{background-color:var(--accent-color)}.schedule-item.done{background-color:#bdc3c7;color:#7f8c8d;text-decoration:line-through}.schedule-item button:disabled{background-color:#95a5a6;cursor:not-allowed}@media screen and (max-width: 768px){.welcome-message h1{font-size:28px}.welcome-message p{font-size:16px}.home-card{padding:15px}.home-card h3{font-size:20px}.schedule-item p{font-size:14px}}@media screen and (max-width: 400px){.home-container{padding:0;color:var(--text-color);text-align:center}.welcome-message h1{font-size:23px}}.home-card{background-color:var(--card-background);padding:20px;border-radius:10px;box-shadow:0 4px 6px #0000001a;transition:all .3s ease-in-out}.home-card:hover{transform:translateY(-5px)}.home-card h3{color:var(--secondary-color);margin-bottom:20px}.card-content{max-height:300px;overflow-y:auto}.data-table{width:100%;border-collapse:collapse;margin-top:10px;border:2px solid black}.data-table th,.data-table td{padding:12px;text-align:left;border:1px solid var(--card-background);color:var(--text-color)}.data-table td{border-bottom:2px solid black}.data-table th{background-color:var(--secondary-color);color:var(--text-color);border:2px solid black}.data-table tr:nth-child(2n){background-color:var(--card-background)}.data-table tr:hover{background-color:var(--accent-color)}.btn-print{background-color:var(--accent-color);color:var(--text-color);border:none;padding:10px 20px;border-radius:5px;cursor:pointer;margin-top:10px;transition:background-color .3s ease}.btn-print:hover{background-color:var(--secondary-color)}@media screen and (max-width: 768px){.home-card{padding:15px}.data-table th,.data-table td{font-size:14px;padding:8px}}.cancer-detail{background-color:var(--background-color);color:var(--text-color);font-family:Arial,sans-serif;max-width:900px;margin:0 auto}h2{text-align:center;font-size:24px;color:#2c3e50}.upload-section{margin-bottom:30px}.alert-card p{color:#000}.upload-section input{width:100%;padding:10px;margin-top:10px;border:2px solid #ccc;border-radius:5px;font-size:14px}.heading-upload{font-weight:700}.begin-analysis{background-color:var(--primary-color);color:#fff;padding:15px 20px;border:none;border-radius:5px;font-size:18px;cursor:pointer;width:100%}.begin-analysis:hover{background-color:var(--secondary-color)}.alert-card{padding:20px;margin-top:20px;border-radius:8px;box-shadow:0 4px 8px #0000001a;background-color:var(--card-background)}.alert-normal{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-benign{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba}.alert-malignant{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-warning{background-color:#fff3cd;color:#856404}ul{list-style-type:disc;margin-left:20px}.appointment-btn{background-color:var(--secondary-color);color:#fff;padding:10px 20px;cursor:pointer;border-radius:5px;font-size:16px;width:100%;margin-top:20px}.appointment-btn:hover{background-color:var(--primary-color)}.scan-images{margin-top:20px}.scan-images img{width:100%;max-width:400px;border-radius:8px}.loading-container{text-align:center;margin-top:20px}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{color:red;font-size:16px;margin-top:20px}.alert-malignant-pro-b{background-color:#f5c6cb;border:1px solid #e03131;color:#721c24}.alert-malignant-pro-b h3,.alert-malignant-pro-b p{color:#721c24}.alert-malignant-pre-b{background-color:#f0e5d8;border:1px solid #e67e22;color:#8e5a3c}.alert-malignant-pre-b h3,.alert-malignant-pre-b p{color:#8e5a3c}.alert-malignant-early-pre-b{background-color:#d1ecf1;border:1px solid #5bc0de;color:#0c5460}.alert-malignant-early-pre-b h3,.alert-malignant-early-pre-b p{color:#0c5460}.cancerfinder-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center}.cancerfinder-modal-content{background-color:var(--card-background);padding:20px;border-radius:8px;width:500px;max-width:100%;color:var(--text-color);display:flex;flex-direction:column;gap:15px;max-height:80vh;overflow-y:auto}.cancerfinder-modal-content h3{margin-bottom:15px;font-size:1.8rem;font-weight:700;text-align:center}.cancerfinder-modal-content label{display:block;margin-bottom:8px;color:#000;font-size:1rem;font-weight:700;padding:10px;background-color:#f8f8f8;border:1px solid #ddd;border-radius:5px}.cancerfinder-modal-content .cancerfinder-input-area,.cancerfinder-modal-content select{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:5px;font-size:1rem;color:var(--text-color);background-color:var(--card-background)}.cancerfinder-radio-group{display:flex;gap:10px;margin-bottom:15px}.cancerfinder-radio-group input[type=radio]{margin-right:5px}.cancerfinder-modal-buttons{display:flex;justify-content:space-between;gap:10px}.cancerfinder-modal-buttons button{background-color:var(--primary-color);color:#fff;padding:10px 20px;border:none;cursor:pointer;border-radius:5px;font-size:1rem;flex-grow:1}.cancerfinder-modal-buttons button:hover{background-color:var(--secondary-color)}.cancerfinder-modal-buttons button:focus{outline:none}.cancerfinder-print-button-container{margin-top:20px}.cancerfinder-print-button-container button{background-color:var(--primary-color);color:#fff;padding:10px 20px;border:none;cursor:pointer;border-radius:5px;width:100%;font-size:1rem}.cancerfinder-print-button-container button:hover{background-color:var(--secondary-color)}@media (max-width: 768px){.cancerfinder-modal-content{width:90%;padding:15px}.cancerfinder-modal-buttons button,.cancerfinder-print-button-container button{padding:8px 15px;font-size:.9rem}}@media (max-width: 600px){.cancerfinder-modal-content{width:100%;padding:10px}.cancerfinder-modal-buttons button,.cancerfinder-print-button-container button{padding:10px;font-size:.8rem}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background-color:var(--card-background);padding:20px;border-radius:8px;width:600px;max-height:80vh;overflow-y:auto;text-align:left;box-shadow:0 4px 8px #0000001a;transition:all .3s ease-in-out}.modal h2{margin-bottom:15px;color:#000;font-size:1.5rem}.modal input,.modal select{padding:10px;margin:8px 0;width:100%;border:1px solid #ccc;border-radius:5px;font-size:1rem}.modal button{background-color:var(--primary-color);color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;margin-top:15px;transition:background-color .3s ease;font-size:1rem;width:100%}.modal button:hover{background-color:var(--secondary-color)}.header-container{display:grid;justify-content:center;margin-top:20px}.register-btn{background-color:var(--primary-color);color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.register-btn:hover{background-color:var(--secondary-color)}.divider{border-top:2px solid var(--secondary-color);width:80%;margin:20px auto}.patient-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:20px}.patient-card{background-color:var(--card-background);border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;padding:20px;height:200px;transition:transform .3s ease}.patient-card:hover{transform:translateY(-5px)}.patient-card-header{font-size:1.2rem;font-weight:700;color:var(--primary-color)}.patient-card-body{margin-top:10px;font-size:1rem}.patient-card-footer{margin-top:auto;display:flex;justify-content:flex-end}.details-btn{background-color:var(--secondary-color);color:#fff;padding:8px 15px;border:none;border-radius:5px;cursor:pointer;font-size:.9rem;transition:background-color .3s ease}.details-btn:hover{background-color:var(--accent-color)}.patient-details{display:flex;justify-content:space-between;flex-wrap:wrap}.left-section{width:60%;margin-bottom:20px}.right-section{width:35%}.right-section h3{margin-top:0;color:var(--primary-color)}.precautions,.appointments{margin-bottom:20px}.use-ai-btn{background-color:var(--secondary-color);color:#fff;padding:8px 15px;border:none;border-radius:5px;cursor:pointer;margin-top:10px;transition:background-color .3s ease}.use-ai-btn:hover{background-color:var(--accent-color)}@media (max-width: 768px){.patient-cards-container{grid-template-columns:1fr 1fr}.modal{width:90%}.patient-details{flex-direction:column}.left-section,.right-section{width:100%}}@media (max-width: 480px){.patient-cards-container{grid-template-columns:1fr}.modal{width:95%}.patient-card{height:auto}}.button-changer-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.button-container{display:flex;gap:20px;margin-bottom:20px}button{padding:10px 20px;font-size:16px;cursor:pointer;background-color:var(--card-background);color:var(--text-color);border:2px solid var(--primary-color);border-radius:5px;transition:all .3s ease}button:hover{background-color:var(--primary-color);color:#fff}button.active{background-color:var(--primary-color);color:#fff;border:2px solid var(--primary-color)}button:focus{outline:none}button:focus-visible{box-shadow:0 0 5px 2px var(--primary-color)}.chatbot-container{position:fixed;bottom:20px;right:20px;z-index:1000;transition:transform .3s ease}.chatbot-bubble{width:50px;height:50px;background-color:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;box-shadow:0 4px 8px #0003;transition:transform .3s ease,box-shadow .3s ease}.chatbot-bubble:hover{transform:scale(1.1);box-shadow:0 8px 12px #0000004d}.chatbot-box{width:300px;background:var(--card-background);border-radius:10px;box-shadow:0 4px 8px #0003;overflow:hidden;transform:translateY(10px);opacity:0;animation:fadeIn .3s forwards}.chatbot-header{background:var(--primary-color);color:#fff;padding:12px;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:14px}.close-btn{background:none;border:none;color:#fff;font-size:16px;cursor:pointer}.chatbot-messages{height:250px;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:10px}.message{max-width:80%;padding:8px;border-radius:10px;word-wrap:break-word;font-size:14px;transition:transform .3s ease,opacity .3s ease}.message.user{background:var(--primary-color);color:#fff;align-self:flex-end;transform:translate(10px)}.message.user:last-child{transform:translate(0)}.message.bot{background:var(--chatbot-message);align-self:flex-start;opacity:0;animation:fadeIn .3s forwards}.message.bot:last-child{opacity:1}.chatbot-input{display:flex;padding:12px;border-top:1px solid #ddd;background:var(--input-background)}.chatbot-input input{flex:1;padding:10px;border:1px solid #ccc;border-radius:8px;font-size:14px;outline:none;transition:all .3s ease}.chatbot-input input:focus{border-color:var(--primary-color);box-shadow:0 0 5px #0003}.chatbot-input button{background:var(--primary-color);color:#fff;border:none;padding:10px;margin-left:8px;cursor:pointer;border-radius:5px;font-size:14px;transition:background .3s ease}.chatbot-input button:hover{background:var(--secondary-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:root{--primary-color: #FF6F61;--secondary-color: #FF9F00;--accent-color: #FFD700;--text-color: #2E3B4E;--background-color: #FFFBF0;--nav-background: #FFEDDB;--card-background: #FFFFFF;--chatbot-message: #FFF2E1;--notif-sidecard: #FFF2E1;--gradient-start: #FF6F61;--gradient-end: #FFD700;--navbar-height: 4rem;--scrollbar-thumb: #FF9F00;--scrollbar-track: #FFEDDB;--sidebar-background: #FFEDDB}[data-theme=dark]{--primary-color: #1ca9f5;--secondary-color: #00A9A1;--sidebar-background: #00A9A1;--text-color: #F7FAFC;--accent-color: #007a74;--background-color: #2D3748;--nav-background: #1A202C;--chatbot-message:#9e9e9e ;--card-background: #4A5568;--notif-sidecard: #4A5568;--gradient-start: #0077B6;--gradient-end: #00A9A1;--navbar-height: 4rem;--scrollbar-thumb: #00A9A1;--scrollbar-track: #1A202C}::selection{background-color:var(--accent-color);color:#000}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px;border:3px solid var(--scrollbar-track)}body{background-color:var(--background-color);color:var(--text-color);margin:0;padding:0;overflow-y:auto}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--background-color);color:var(--text-color);transition:all .3s ease;line-height:1.6;padding-top:var(--navbar-height)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{background-color:var(--nav-background);height:var(--navbar-height);position:fixed;width:100%;top:0;z-index:1000;box-shadow:0 4px 6px -1px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-content{height:100%;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;background-clip:text;color:transparent;text-decoration:none;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.nav-links{display:flex;gap:2.5rem;list-style:none}.nav-links a{color:var(--text-color);text-decoration:none;font-weight:500;transition:all .3s ease;position:relative;padding:.5rem 0}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary-color);transition:width .3s ease}.nav-links a:hover:after{width:100%}.theme-toggle{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:1.2rem;padding:.8rem .5rem .5rem;border-radius:50%;transition:all .3s ease}.theme-toggle:hover{background-color:var(--card-background);transform:rotate(180deg)}.auth-buttons{display:flex;gap:1rem;align-items:center}.btn{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:#fff;border:none;box-shadow:0 4px 6px -1px #0000001a}.btn-outline{background-color:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 8px -1px #0000001a}.mobile-menu,.mobile-only{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.hero-section{min-height:calc(100vh - var(--navbar-height));display:flex;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at center,var(--background-color) 0%,var(--card-background) 100%)}.hero-content{max-width:800px;margin:0 auto;animation:fadeIn 1s ease-out}.hero-title{font-size:4rem;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.2}.section-title{margin:0}.hero-subtitle{font-size:1.5rem;color:var(--text-color);opacity:.9;margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-color)}.form-input{width:100%;padding:.75rem 1rem;border-radius:.5rem;border:2px solid var(--card-background);background-color:var(--background-color);color:var(--text-color);transition:all .3s ease}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}@media (max-width: 768px){.nav-links{display:none}.nav-links.active{display:flex;flex-direction:column;position:fixed;top:var(--navbar-height);left:0;right:0;background-color:var(--nav-background);padding:1.5rem;gap:1rem;box-shadow:0 4px 6px -1px #0000001a;animation:scaleIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.nav-links.active li{opacity:0;animation:slideIn .3s ease-out forwards}.nav-links.active li:nth-child(1){animation-delay:.1s}.nav-links.active li:nth-child(2){animation-delay:.2s}.nav-links.active li:nth-child(3){animation-delay:.3s}.nav-links.active li:nth-child(4){animation-delay:.4s}.nav-links.active li:nth-child(5){animation-delay:.5s}.nav-links.active li:nth-child(6){animation-delay:.6s}.nav-links.active a{display:block;padding:1rem;border-radius:.5rem;transition:all .3s ease}.nav-links.active a:hover{background-color:var(--card-background);transform:translate(10px)}.mobile-menu{display:flex;cursor:pointer;font-size:1.5rem;color:var(--text-color);width:40px;height:40px;border-radius:50%;align-items:center;justify-content:center;transition:all .3s ease;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));opacity:.9}.mobile-menu svg{color:#fff;transition:transform .3s ease}.mobile-menu.active svg{transform:rotate(90deg)}.auth-buttons{display:none}.mobile-only{display:block}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.25rem}.section{padding:3rem 0}.card{padding:1.5rem}}.login-btn,.signup-btn{margin-top:.6rem}