*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}body{background-color:#f5f7fa;color:#333;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:20px}header{text-align:center;margin-bottom:40px;padding:20px 0;border-bottom:1px solid#eaeaea}h1{color:#2c3e50}h2{margin-bottom:20px;color:#2c3e50}.form-container{max-width:500px;margin:0 auto;padding:30px;background-color:white;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:transform 0.5s ease,opacity 0.5s ease;transform-origin:center;position:absolute;left:0;right:0}.form-container.slide-in{animation:slideIn 0.5s forwards}.form-container.slide-out{animation:slideOut 0.5s forwards}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)scale(0.9)}100%{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0)scale(1)}100%{opacity:0;transform:translateY(-20px)scale(0.9)}}.form-group{margin-bottom:20px}label{display:block;margin-bottom:8px;font-weight:600}input,textarea{width:100%;padding:12px;border:1px solid#ddd;border-radius:4px;font-size:16px}button{background-color:#3498db;color:white;border:none;padding:12px 20px;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color 0.3s}button:hover{background-color:#2980b9}.hidden{display:none;opacity:0;transform:scale(0.8)}.dashboard-container{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-top:20px}.subscriber-list,.email-composer{background-color:white;border-radius:8px;padding:20px;box-shadow:0 4px 6px rgba(0,0,0,0.1)}.email-history{background-color:white;border-radius:8px;padding:20px;box-shadow:0 4px 6px rgba(0,0,0,0.1);margin-top:30px}ul{list-style-type:none}li{padding:10px 0;border-bottom:1px solid#eee}li:last-child{border-bottom:none}#email-history-list li{padding:15px;border-bottom:1px solid#eee;margin-bottom:10px}#email-history-list li small{color:#7f8c8d;display:block;margin:5px 0}#email-history-list li p{margin-top:8px;color:#555}footer{text-align:center;margin-top:50px;padding:20px 0;color:#7f8c8d;border-top:1px solid#eaeaea}.notification{position:fixed;top:20px;right:20px;padding:15px 25px;background-color:#2ecc71;color:white;border-radius:4px;box-shadow:0 4px 6px rgba(0,0,0,0.1);z-index:1000;transition:all 0.3s ease;transform:translateY(-20px);opacity:0}.notification.show{transform:translateY(0);opacity:1}.notification.error{background-color:#e74c3c}.congratulations{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);display:flex;justify-content:center;align-items:center;z-index:1001;animation:fadeIn 0.5s ease}.congrats-content{background-color:white;padding:40px;border-radius:10px;text-align:center;max-width:500px;box-shadow:0 5px 15px rgba(0,0,0,0.3)}.congrats-content h3{color:#2ecc71;font-size:28px;margin-bottom:20px}.congrats-content p{margin-bottom:15px;font-size:18px}.congrats-content button{margin-top:20px;background-color:#2ecc71;padding:12px 24px}.congrats-content button:hover{background-color:#27ae60}.fade-out{animation:fadeOut 0.5s ease forwards}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.logout{margin-top:20px;background-color:#e74c3c}.logout:hover{background-color:#c0392b}.phone-input{display:flex;gap:10px}#country-code{width:160px;padding:12px;border:1px solid#ddd;border-radius:4px;font-size:16px}#phone-number{flex:1}.verification-success{color:#2ecc71;margin-bottom:15px;font-weight:bold}.password-mismatch{color:#e74c3c;margin-top:5px;font-size:14px}@media(max-width:768px){.dashboard-container{grid-template-columns:1fr}}