:root{--primary:#FFB7B2;--secondary:#E2849E;--accent:#FFD700;--background:#FFF5F5;--surface:#FFFFFF;--text:#4A4A4A;--text-light:#7A7A7A;--glass-bg:rgba(255,255,255,0.7);--glass-border:rgba(255,255,255,0.3);--shadow:0 8px 32px 0 rgba(226,132,158,0.15);--font-family:"Inter",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--background);background-image:radial-gradient(circle at top right,#FFE5E5 0,transparent 40%),radial-gradient(circle at bottom left,#FFE5E5 0,transparent 40%);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:"Outfit",var(--font-family);font-weight:600;color:var(--secondary)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:var(--shadow);border-radius:24px}.btn{background:linear-gradient(135deg,var(--primary),var(--secondary));color:white;border:none;padding:12px 24px;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 15px rgba(226,132,158,.3)}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(226,132,158,.4)}.btn:active{transform:translateY(0)}.input-field{width:100%;padding:12px 20px;border:2px solid #f0d4d4;border-radius:12px;font-size:1rem;outline:none;transition:border-color .3s ease,box-shadow .3s ease;background:rgba(255,255,255,.9)}.input-field:focus{border-color:var(--secondary);box-shadow:0 0 0 4px rgba(226,132,158,.1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s ease forwards}.animate-delay-1{animation-delay:.2s;opacity:0}.animate-delay-2{animation-delay:.4s;opacity:0}.animate-delay-3{animation-delay:.6s;opacity:0}.app-container{min-height:100vh;display:flex;flex-direction:column}.landing-page{flex:1 1;justify-content:center;padding:2rem;text-align:center}.hero-section,.landing-page{display:flex;flex-direction:column;align-items:center}.hero-section{max-width:600px;width:100%;padding:3rem 2rem;gap:2rem}.hero-split-layout{max-width:1200px;width:100%;padding:3rem;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:15rem}.hero-split-left{flex:0 0 350px;display:flex;justify-content:center}.hero-split-right{flex:1 1;display:flex;flex-direction:column;align-items:center;text-align:center}@media (max-width:768px){.hero-split-layout{flex-direction:column;padding:2rem;gap:2rem}.hero-split-left{flex:auto}.hero-split-right{align-items:center;text-align:center}}.photo-container{width:250px;height:250px;border-radius:50%;padding:8px;background:linear-gradient(135deg,var(--primary),var(--secondary),var(--accent));box-shadow:0 10px 30px rgba(226,132,158,.3);animation:float 6s ease-in-out infinite}.hero-split-left .photo-container{width:350px;height:350px}@media (max-width:768px){.hero-split-left .photo-container{width:250px;height:250px}}.baby-photo{width:100%;height:100%;object-fit:cover;border-radius:50%;border:4px solid white}.title{font-size:2.5rem;margin-bottom:.5rem}.subtitle{color:var(--text-light);font-size:1.1rem}.timer-container{display:flex;gap:1rem;justify-content:center;margin:1rem 0;flex-wrap:nowrap}.time-box{background:white;padding:1rem;border-radius:16px;min-width:80px;box-shadow:0 4px 15px rgba(0,0,0,.05);display:flex;flex-direction:column;align-items:center}.time-value{font-size:2rem;font-weight:700;color:var(--secondary);font-family:Outfit,sans-serif}.time-label{font-size:.8rem;color:var(--text-light);text-transform:uppercase;letter-spacing:1px;margin-top:4px}img{-webkit-user-drag:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.no-download{pointer-events:none}@media (max-width:768px){.timer-container{justify-content:center;gap:.5rem}.time-box{padding:.8rem .4rem;min-width:60px}.time-value{font-size:1.5rem}.time-label{font-size:.7rem}}.password-section{width:100%;max-width:300px;display:flex;flex-direction:column;gap:1rem}.error-message{color:#ff4b4b;font-size:.9rem;margin-top:-8px}.month-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:10px;gap:10px;text-align:center}.timeline-page{max-width:100%;margin:0 auto;padding:3rem 2rem}.timeline-header{text-align:center;margin-bottom:4rem}.timeline{position:relative;width:70vw;max-width:100vw;margin-left:calc(-35vw + 50%)}.timeline:after{content:"";position:absolute;width:4px;background:var(--primary);top:0;bottom:0;left:50%;margin-left:-2px;border-radius:4px}.timeline-item{padding:10px 20px;position:relative;background-color:inherit;width:50%;cursor:pointer;transition:transform .2s ease}.timeline-item:hover{transform:scale(1.02)}.timeline-item:after{content:"";position:absolute;width:20px;height:20px;right:-10px;background-color:white;border:4px solid var(--secondary);top:15px;border-radius:50%;z-index:1;transition:background-color .3s ease}.timeline-item:hover:after{background-color:var(--primary)}.left{left:0}.right{left:50%}.right:after{left:-10px}.timeline-content{padding:20px;background-color:white;position:relative;border-radius:16px}.timeline-content,.timeline-img{box-shadow:0 4px 15px rgba(0,0,0,.05);width:100%}.timeline-img{height:300px;object-fit:fill;border-radius:12px;margin-top:1rem}.timeline-date{color:var(--secondary);font-weight:600;margin-bottom:.5rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem}.modal-content{background:white;border-radius:24px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px rgba(0,0,0,.1);position:relative;padding:2rem}.close-button{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;cursor:pointer;color:var(--text-light);transition:color .2s ease}.close-button:hover{color:var(--secondary)}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:1rem;gap:1rem;margin-top:1.5rem}.album-item{width:100%;border-radius:12px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.05);transition:transform .2s ease;aspect-ratio:1}.album-item:hover{transform:translateY(-5px)}.album-item img,.album-item video{width:100%;height:100%;object-fit:contain;background-color:rgba(0,0,0,.03)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media screen and (max-width:600px){.title{font-size:2rem!important}.hero-section{padding:2rem 1rem;gap:1.5rem}.timer-container{gap:.5rem;flex-wrap:wrap}.time-box{min-width:65px;padding:.8rem}.time-value{font-size:1.5rem}.timeline-header h1{font-size:2.2rem!important}.timeline{width:100%;margin-left:0}.timeline:after{left:31px}.timeline-item{width:100%;padding-left:70px;padding-right:15px}.left:after,.right:after,.timeline-item:after{left:21px!important}.right{left:0}.month-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.month-grid-btn{font-size:.85rem!important;padding:8px 2px!important}.month-grid-btn span:first-child{word-break:break-word;font-size:.85rem}.album-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.8rem}.photo-container{width:150px;height:150px}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.animate-shimmer{background:linear-gradient(to right,var(--secondary) 20%,var(--accent) 40%,var(--accent) 60%,var(--secondary) 80%);background-size:200% auto;color:transparent;-webkit-background-clip:text;background-clip:text;animation:shimmer 3s linear infinite}