@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&family=Roboto:wght@300;400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap";html,body{margin:0;padding:0;box-sizing:border-box;width:100%;height:100%}.main{text-align:center;padding-top:50px;font-family:Roboto,sans-serif;width:100%}.hero{display:flex;align-items:center;justify-content:space-between;padding:80px 20px;background:linear-gradient(135deg,#e0f7fa,#f8bbd0);color:#333;border-bottom:3px solid #00897b;position:relative;z-index:1}.hero-text{flex:1;max-width:100%;margin:0 auto}.hero-text h1{font-family:Playfair Display,serif;font-size:60px;margin-bottom:20px;font-weight:600;color:#333;line-height:1.2}.hero-text p{font-family:Poppins,sans-serif;font-size:18px;line-height:1.7;margin-bottom:20px;font-weight:400;color:#555}.get-started-btn{font-family:Playfair Display,serif;background:#00897b;color:#fff;border:none;padding:12px 30px;font-size:18px;font-weight:600;border-radius:8px;cursor:pointer;transition:background .3s ease,transform .3s ease}.get-started-btn a{text-decoration:none;color:#fff}.get-started-btn:hover{background:#00695c;transform:translateY(-2px)}.hero-image img{max-width:500px;border-radius:10px;box-shadow:0 4px 12px #0000001a}.features{padding:60px 20px;text-align:center;background:#fefefe}.features h2{font-family:Playfair Display,serif;font-size:40px;font-weight:600;margin-bottom:40px;color:#333}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;justify-items:center}.feature{background:#fff;padding:30px;border-radius:15px;box-shadow:0 8px 16px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.feature:hover{transform:translateY(-5px);box-shadow:0 15px 25px #0003}.feature-icon{font-size:50px;margin-bottom:20px;color:#ff9800}.feature h3{font-family:Poppins,sans-serif;font-size:24px;font-weight:500;margin-bottom:15px;color:#333}.feature p{font-size:16px;color:#666;line-height:1.5}@media (max-width: 768px){.hero{flex-direction:column;text-align:center}.hero-text{max-width:100%;margin-bottom:30px}.hero-text h1{font-size:36px}.hero-text p{font-size:16px}.get-started-btn{padding:12px 25px;font-size:16px}.features h2{font-size:28px}.feature{padding:25px}.feature-icon{font-size:45px}.feature h3{font-size:22px}}.capsules-list{background-color:beige;border-radius:10px;overflow-y:auto}.capsules-list h2{font-size:28px;font-family:Playfair Display,serif;color:#333;margin-bottom:20px;text-align:center}ul{list-style:none;padding:0}.capsule-item{background-color:#f9f9f9;padding:15px;margin:15px 0;border-radius:8px;box-shadow:0 4px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.capsule-item:hover{transform:translateY(-5px);box-shadow:0 6px 12px #0003}.capsule-item h3{font-family:Poppins,sans-serif;font-size:20px;font-weight:700;color:#333;margin-bottom:10px}.capsule-item p{font-size:16px;color:#555;margin-bottom:10px}.capsule-item small{font-size:14px;color:#888}.capsules-list p{font-size:16px;color:#666;text-align:center;font-style:italic}.dashboard-container{margin-top:60px;background:linear-gradient(135deg,#f8bbd0,#e0f7fa);font-family:Roboto,sans-serif;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:30px}.dashboard-header h1{font-family:Playfair Display,serif;font-size:36px;color:#000;text-align:center;margin-bottom:30px}.dashboard-content{display:flex;justify-content:space-between;width:100%;max-width:1200px}.profile-section{width:30%;height:max-content;background-color:beige;padding:30px;border-radius:10px;box-shadow:0 15px 30px #0000001a}.profile-section h2{font-family:Playfair Display,serif;font-size:32px;margin-bottom:50px;color:#333;text-align:center}.profile-info{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:20px}.profile-photo img{border-radius:50%;width:130px;height:130px;object-fit:cover}.default-photo{border-radius:50%;width:130px;height:130px;background-color:#eee;display:flex;align-items:center;justify-content:center;color:#aaa}.profile-details p{font-size:19px;color:#555}.profile-details strong{color:#333}.capsules-section{width:55%;background-color:beige;padding:30px;border-radius:10px;box-shadow:0 15px 30px #0000001a}.capsules-section h2{font-family:Playfair Display,serif;font-size:28px;text-align:center;margin-bottom:20px;color:#333}.logout-btn{font-family:Playfair Display,serif;background-color:#ff758c;color:#fff;font-size:16px;padding:12px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:700;display:block;width:200px;margin:20px auto 0;transition:background-color .3s ease}.logout-btn:hover{background-color:#ff7eb3}@media (max-width: 768px){.dashboard-content{flex-direction:column;align-items:center}.profile-section,.capsules-section{width:90%;margin-bottom:20px}.profile-photo img{width:100px;height:100px}.profile-details p{font-size:14px}.logout-btn{width:100%}}.signup-container{font-family:Poppins,sans-serif;padding-top:120px;display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#e0f7fa,#f8bbd0)}.signup-box{background:#fff;padding:20px 40px;border-radius:10px;box-shadow:0 10px 20px #0000001a;width:100%;max-width:400px;text-align:center}.signup-box h2{margin-bottom:20px;font-size:24px;color:#333}.input-group{margin-bottom:20px;text-align:left}.input-group label{font-size:14px;color:#555}.input-group input{width:100%;padding:10px;font-size:16px;border-radius:5px;border:1px solid #ddd;margin-top:5px}.input-group input:focus{outline:none;border-color:#00897b}.btn{font-family:Poppins,sans-serif;width:100%;padding:12px;background:#00897b;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer}.or-divider{margin:10px 0;font-size:medium;font-weight:700;color:#777}.or-divider span{background:#fff;padding:0 10px}.google-btn{font-family:Poppins,sans-serif;width:100%;padding:12px;background:#4285f4;color:#fff;border:none;border-radius:5px;font-size:16px;margin-bottom:20px;cursor:pointer}.google-btn:hover{background:#357ae8}.login-link{margin-top:10px;font-size:18px}.login-link a{color:#00897b;text-decoration:none}.login-link a:hover{text-decoration:underline}.error{color:red;font-size:14px;margin-top:10px}.login-container{padding-top:30px;font-family:Poppins,sans-serif;display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#e0f7fa,#f8bbd0)}.login-box{width:350px;background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 10px #0000001a}h2{text-align:center;margin-bottom:20px}.input-group{margin-bottom:20px}.input-group label{display:block;font-weight:700;margin-bottom:5px}.input-group input{width:90%;padding:10px;border:1px solid #ccc;border-radius:4px}.or{font-size:medium}.btn{width:100%;padding:10px;background:#00897b;color:#fff;border:none;border-radius:4px;cursor:pointer}.btn:hover{background:#00695c}.signup-link{text-align:center;margin-top:10px}.google-login{text-align:center;margin-top:20px}.google-btn{width:100%;padding:10px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}.google-btn:hover{background-color:#45a049}.error-message{color:red;text-align:center;margin-top:10px}.create-capsule{margin-top:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:#f4f4f9;font-family:Roboto,sans-serif;padding:20px}.create-capsule-title{font-family:Playfair Display,serif;color:#333;font-size:2.5rem;margin-bottom:20px}.create-capsule-form{background-color:#fff;padding:25px;border-radius:10px;box-shadow:0 4px 8px #0000001a;width:100%;max-width:900px;display:flex;flex-direction:column;align-items:center;justify-content:center}.capsule-input{margin:10px;padding:12px;border:1px solid #ccc;border-radius:8px;font-size:1rem;width:95%}.capsule-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 8px #007bff4d}textarea{resize:vertical;min-height:150px}.capsule-date-time{width:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}.capsule-button{background-color:#007bff;color:#fff;font-size:1.1rem;padding:12px 20px;border:none;border-radius:8px;cursor:pointer;margin-top:15px;transition:background-color .3s ease}.capsule-button:hover{background-color:#0056b3}.capsule-button:disabled{background-color:#ccc;cursor:not-allowed}.capsule-error,.capsule-success{text-align:center;color:#28a745;font-size:1.1rem;margin-top:20px}form input[type=date],form input[type=time]{width:48%;display:inline-block;margin-right:4%}form input[type=date]:last-child,form input[type=time]:last-child{margin-right:0}.header{font-family:Playfair Display,serif;background:linear-gradient(135deg,#e0f7fa,#f8bbd0);padding:20px 30px;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;right:0;z-index:1000;transform:translateY(-100%);animation:slideIn .5s forwards}@keyframes slideIn{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.header h1{font-family:Poppins,sans-serif;color:#333;margin:0;font-size:30px;font-weight:700;letter-spacing:2px}.header h1 a{text-decoration:none;color:#555;font-weight:700}.header nav ul{display:flex;list-style:none;margin:0;padding:0}.header nav li{margin-left:20px}.header nav a{text-decoration:none;color:#555;font-weight:700;font-size:25px;transition:color .3s ease,transform .3s ease}.header nav a:hover{color:#f39c12;transform:scale(1.1)}.header nav button{font-family:Playfair Display,serif;padding:8px 16px;background-color:#e74c3c;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease;font-size:18px}.header nav button:hover{background-color:#c0392b}@media (max-width: 768px){.header{padding:15px 20px}.header h1{font-size:20px}.header nav ul{flex-direction:column;align-items:center}.header nav li{margin-left:0;margin-bottom:10px}.header nav a{font-size:16px}.header nav button{margin-top:10px}}