*{margin:0;padding:0;box-sizing:border-box}:root{--primary-pink: #e85d75;--secondary-pink: #f49fb6;--light-pink: #ffd6e5;--dark-pink: #b23a48;--gold: #ffd86b;--white: #ffffff;--light-gray: #f4f6f8;--text-dark: #243040;--text-light: #6b7986;font-family:Poppins,sans-serif;line-height:1.6;font-weight:400}body{margin:0;min-height:100vh;background:linear-gradient(135deg,#1f2937,#374151,#4b5563);background-attachment:fixed;overflow-x:hidden}#app{min-height:100vh;position:relative}.container{max-width:1200px;margin:0 auto;padding:2rem;position:relative;z-index:2}.hearts-background{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.heart{position:absolute;font-size:2rem;opacity:.1;animation:float 6s ease-in-out infinite}.heart-1{top:10%;left:10%;animation-delay:0s}.heart-2{top:20%;right:15%;animation-delay:1s}.heart-3{top:60%;left:5%;animation-delay:2s}.heart-4{top:70%;right:10%;animation-delay:3s}.heart-5{top:40%;left:50%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}}.floating-heart{position:fixed;font-size:1.5rem;color:var(--primary-pink);pointer-events:none;z-index:10;animation:floatUp 5s linear forwards}@keyframes floatUp{0%{transform:translateY(100vh) rotate(0);opacity:1}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.header{text-align:center;margin-bottom:3rem;padding:2rem 0}.title{font-family:Dancing Script,cursive;font-size:4rem;font-weight:700;color:var(--light-pink);text-shadow:0 2px 8px rgba(0,0,0,.25);margin-bottom:1rem;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.subtitle{font-size:1.2rem;color:var(--text-light);font-weight:300}.main-content{display:flex;flex-direction:column;gap:3rem}.message-container{background:#ffffffe6;border-radius:20px;padding:2rem;box-shadow:0 10px 30px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;border:2px solid var(--light-pink)}.romantic-message{font-size:1.5rem;color:var(--text-dark);margin-bottom:2rem;font-weight:500;line-height:1.8;min-height:4rem;display:flex;align-items:center;justify-content:center}.change-button{background:linear-gradient(45deg,var(--dark-pink),var(--primary-pink));color:#fff;border:none;padding:1rem 2rem;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #b23a4859}.change-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b9d66}.change-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.message-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.send-email-button{background:linear-gradient(45deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:1rem 2rem;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #2563eb59}.send-email-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.countdown-banner{background:linear-gradient(135deg,#334155,#0f172a);color:#fff;padding:1rem;text-align:center;box-shadow:0 4px 15px #0f172a59;margin-bottom:2rem;border-radius:15px;animation:pulse 3s ease-in-out infinite}.countdown-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.countdown-label{font-size:1.1rem;font-weight:700;opacity:1;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.countdown-warning{font-size:.9rem;font-weight:600;opacity:.95;background:#fff3;padding:.3rem .8rem;border-radius:15px;border:1px solid rgba(255,255,255,.3)}.countdown-timer{font-size:2rem;font-weight:700;font-family:Courier New,monospace;text-shadow:2px 2px 4px rgba(0,0,0,.3);background:#fff3;padding:.5rem 1rem;border-radius:10px;border:2px solid rgba(255,255,255,.3)}.expired-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem}.expired-card{background:#fffffff2;border-radius:25px;padding:3rem;box-shadow:0 20px 40px #0000001f;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:3px solid var(--dark-pink);text-align:center;max-width:500px;width:100%;position:relative;z-index:2}.expired-title{font-family:Dancing Script,cursive;font-size:3rem;font-weight:700;color:var(--dark-pink);margin-bottom:2rem;text-shadow:0 2px 8px rgba(0,0,0,.2)}.expired-message{font-size:1.2rem;color:#2c3e50;margin-bottom:2rem;line-height:1.6}.expired-hearts{font-size:2rem;margin:2rem 0;animation:pulse 2s ease-in-out infinite}.expired-footer{color:#666;font-size:.9rem;margin-top:2rem;padding-top:1rem;border-top:2px solid #ffb3d1}.expired-footer small{display:block;margin-top:.5rem;font-style:italic;opacity:.8}.memories-section{background:#fffc;border-radius:20px;padding:2rem;box-shadow:0 10px 30px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.memories-section h2{text-align:center;font-family:Dancing Script,cursive;font-size:2.5rem;color:var(--dark-pink);margin-bottom:2rem}.memories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.memory-card{background:#fff;border-radius:15px;padding:1.5rem;text-align:center;box-shadow:0 5px 15px #0000001a;transition:transform .3s ease;border:2px solid transparent}.memory-card:hover{transform:translateY(-5px);border-color:var(--primary-pink)}.memory-icon{font-size:3rem;margin-bottom:1rem}.memory-card h3{color:var(--text-dark);margin-bottom:.5rem;font-size:1.2rem}.memory-card p{color:var(--text-light);font-size:.9rem}.love-counter{background:linear-gradient(135deg,var(--primary-pink),var(--secondary-pink));border-radius:20px;padding:2rem;text-align:center;color:#fff;box-shadow:0 10px 30px #ff6b9d4d}.love-counter h2{font-family:Dancing Script,cursive;font-size:2.5rem;margin-bottom:1rem}.counter-display{display:flex;flex-direction:column;align-items:center;gap:.5rem}#days-counter{font-size:4rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.counter-label{font-size:1.2rem;opacity:.9}.footer{text-align:center;margin-top:3rem;padding:2rem;color:var(--text-light)}.footer p{margin-bottom:.5rem}.footer-date{font-size:.9rem;opacity:.8}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem}.login-card{background:#fffffff2;border-radius:25px;padding:3rem;box-shadow:0 20px 40px #0000001a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:3px solid var(--light-pink);text-align:center;max-width:500px;width:100%;position:relative;z-index:2}.login-title{font-family:Dancing Script,cursive;font-size:3rem;font-weight:700;color:var(--dark-pink);margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.login-subtitle{font-size:1.1rem;color:var(--text-light);margin-bottom:1rem;line-height:1.6}.urgent-message{background:linear-gradient(135deg,#ff6b9d,#d63384);color:#fff;padding:1rem;border-radius:15px;font-weight:700;text-align:center;margin-bottom:2rem;box-shadow:0 4px 15px #ff6b9d4d;animation:pulse 2s ease-in-out infinite;border:2px solid rgba(255,255,255,.3)}.urgent-access{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;padding:.8rem;border-radius:15px;font-weight:600;text-align:center;margin:1rem 0;box-shadow:0 4px 15px #4caf504d;animation:pulse 2s ease-in-out infinite;border:2px solid rgba(255,255,255,.3)}.charades-hint{background:linear-gradient(135deg,var(--light-pink),#ffe4f1);border-radius:15px;padding:1.5rem;margin-bottom:2rem;border:2px solid var(--primary-pink)}.charades-hint h3{color:var(--dark-pink);margin-bottom:1rem;font-size:1.2rem}.charades-hint ul{list-style:none;padding:0;text-align:left}.charades-hint li{color:var(--text-dark);margin-bottom:.5rem;padding-left:1.5rem;position:relative}.charades-hint li:before{content:"💝";position:absolute;left:0}.password-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.password-input{padding:1rem;border:2px solid var(--light-pink);border-radius:15px;font-size:1.1rem;text-align:center;transition:all .3s ease;background:#ffffffe6}.password-input:focus{outline:none;border-color:var(--primary-pink);box-shadow:0 0 10px #ff6b9d4d;transform:scale(1.02)}.password-input::placeholder{color:var(--text-light);font-style:italic}.login-button{background:linear-gradient(45deg,var(--primary-pink),var(--secondary-pink));color:#fff;border:none;padding:1rem 2rem;border-radius:50px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b9d4d}.login-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b9d66}.error-message{color:#e74c3c;font-weight:500;display:none;background:#e74c3c1a;padding:.8rem;border-radius:10px;border:1px solid #e74c3c}.logout-button{background:#fff3;color:var(--dark-pink);border:2px solid var(--dark-pink);padding:.8rem 1.5rem;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.logout-button:hover{background:var(--dark-pink);color:#fff;transform:translateY(-2px)}@media (max-width: 768px){.container{padding:1rem}.title{font-size:3rem}.romantic-message{font-size:1.2rem}.memories-grid{grid-template-columns:1fr}#days-counter{font-size:3rem}.login-card{padding:2rem;margin:1rem}.login-title{font-size:2.5rem}}@media (max-width: 480px){.title{font-size:2.5rem}.romantic-message{font-size:1rem}.message-container,.memories-section,.love-counter{padding:1.5rem}.login-card{padding:1.5rem;margin:.5rem}.login-title{font-size:2rem}.password-form{gap:.8rem}.password-input{padding:.8rem;font-size:1rem}.login-button{padding:.8rem 1.5rem;font-size:1rem}}