@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Nunito+Sans:wght@300;400;500&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--forest-deep: #1a3a2f;--forest-dark: #234d3d;--forest-mid: #3d7a5a;--forest-light: #6ba67c;--forest-pale: #a8d4b4;--forest-mist: #d4e8da;--forest-glow: #e8f4eb;--cream: #fdfbf7;--cream-warm: #f9f6f0;--text-dark: #1a2e24;--text-soft: #4a5f52;--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "Nunito Sans", system-ui, sans-serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--space-2xl: 6rem}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);background:linear-gradient(180deg,var(--forest-glow) 0%,var(--cream) 100%);color:var(--text-dark);line-height:1.6;min-height:100vh;overflow-x:hidden}.gate{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg);position:relative;overflow:hidden}.gate:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 80%,var(--forest-pale) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,var(--forest-mist) 0%,transparent 40%),radial-gradient(ellipse at 50% 50%,var(--forest-glow) 0%,var(--cream) 100%);z-index:-1}.gate-logo{width:180px;height:180px;margin-bottom:var(--space-lg);animation:float 6s ease-in-out infinite;filter:drop-shadow(0 20px 40px rgba(26,58,47,.15))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.gate-title{font-family:var(--font-display);font-size:clamp(2.5rem,8vw,4rem);font-weight:500;color:var(--forest-deep);margin-bottom:var(--space-xs);letter-spacing:.02em;text-align:center}.gate-subtitle{font-size:.95rem;color:var(--text-soft);margin-bottom:var(--space-xl);font-weight:300;letter-spacing:.05em}.gate-form{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);width:100%;max-width:280px}.gate-input{width:100%;padding:var(--space-sm) var(--space-md);font-family:var(--font-body);font-size:1rem;border:2px solid var(--forest-pale);border-radius:50px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;transition:all .3s ease;color:var(--text-dark)}.gate-input:focus{outline:none;border-color:var(--forest-mid);box-shadow:0 0 0 4px #3d7a5a1a}.gate-input::placeholder{color:var(--forest-light)}.gate-button{padding:var(--space-sm) var(--space-lg);font-family:var(--font-body);font-size:.875rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;border:none;border-radius:50px;background:linear-gradient(135deg,var(--forest-dark) 0%,var(--forest-mid) 100%);color:var(--cream);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #1a3a2f40}.gate-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #1a3a2f59}.gate-button:active{transform:translateY(0)}.gate-error{color:#c45c4a;font-size:.875rem;margin-top:20px;height:1.25rem;opacity:0;transition:opacity .3s ease}.gate-error.visible{opacity:1}.app{animation:fadeIn .8s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.header{text-align:center;padding:var(--space-2xl) var(--space-lg) var(--space-xl);position:relative}.header:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:2px;background:linear-gradient(90deg,transparent,var(--forest-light),transparent)}.header-logo{width:120px;height:120px;margin-bottom:var(--space-md);filter:drop-shadow(0 10px 30px rgba(26,58,47,.1))}.header-title{font-family:var(--font-display);font-size:clamp(2rem,6vw,3rem);font-weight:500;color:var(--forest-deep);margin-bottom:var(--space-xs)}.header-tagline{font-family:var(--font-display);font-size:1.125rem;font-style:italic;color:var(--text-soft);font-weight:400}.memories{max-width:800px;margin:0 auto;padding:var(--space-lg)}.memory{margin-bottom:var(--space-2xl);opacity:0;transform:translateY(30px);animation:revealMemory .8s ease forwards}.memory:nth-child(1){animation-delay:.1s}.memory:nth-child(2){animation-delay:.2s}.memory:nth-child(3){animation-delay:.3s}.memory:nth-child(4){animation-delay:.4s}.memory:nth-child(5){animation-delay:.5s}.memory:nth-child(6){animation-delay:.6s}.memory:nth-child(7){animation-delay:.7s}.memory:nth-child(8){animation-delay:.8s}@keyframes revealMemory{to{opacity:1;transform:translateY(0)}}.memory-media{width:100%;border-radius:8px;overflow:hidden;box-shadow:0 10px 40px #1a3a2f1f,0 2px 10px #1a3a2f14;transition:transform .4s ease,box-shadow .4s ease}.memory-media:hover{transform:scale(1.01);box-shadow:0 20px 60px #1a3a2f26,0 5px 20px #1a3a2f1a}.memory-image,.memory-video{width:100%;height:auto;display:block}.memory-text{padding:var(--space-md) var(--space-sm);text-align:center}.memory-quote{font-family:var(--font-display);font-size:clamp(1.25rem,4vw,1.5rem);font-style:italic;font-weight:400;color:var(--text-dark);line-height:1.5;margin-bottom:var(--space-xs)}.memory-date{font-size:.8125rem;color:var(--forest-mid);letter-spacing:.08em;text-transform:uppercase;font-weight:500}.footer{text-align:center;padding:var(--space-xl) var(--space-lg) var(--space-2xl);position:relative}.footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:2px;background:linear-gradient(90deg,transparent,var(--forest-light),transparent)}.footer-heart{font-size:2rem;margin-bottom:var(--space-sm);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.footer-message{font-family:var(--font-display);font-size:1.5rem;font-style:italic;color:var(--forest-dark)}@media(max-width:600px){.memories{padding:var(--space-md)}.memory{margin-bottom:var(--space-xl)}.memory-text{padding:var(--space-sm) 0}}.leaf-decoration{position:fixed;pointer-events:none;opacity:.03;z-index:-1}.leaf-decoration.top-left{top:-50px;left:-50px;width:300px;transform:rotate(-15deg)}.leaf-decoration.bottom-right{bottom:-50px;right:-50px;width:250px;transform:rotate(165deg)}