@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--color-light: #F3F1F0;--color-dark-brown: #483B22;--color-dark: #0F0802;--color-gold: #CA9259;--color-red: #C3271B;--color-light-brown: #8A7B5A;--color-light-gold: #E3C9A8;--color-gold-light: #E8B989;--color-red-light: #D94C42;--gradient-primary: linear-gradient(135deg, var(--color-dark-brown) 0%, var(--color-dark) 100%);--gradient-gold: linear-gradient(135deg, var(--color-gold) 0%, var(--color-gold-light) 100%);--gradient-red: linear-gradient(135deg, var(--color-red) 0%, var(--color-red-light) 100%);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color-scheme:light;color:var(--color-dark);background-color:var(--color-light);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--color-light);color:var(--color-dark);overflow-x:hidden}#app{width:100%;max-width:1400px;margin:0 auto;padding:0}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.header{background:var(--gradient-primary);color:var(--color-light);padding:4rem 0;text-align:center;position:relative;overflow:hidden;border-bottom:8px solid var(--color-gold)}.header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(202,146,89,.1) 0%,transparent 70%);animation:pulse-light 8s ease-in-out infinite}@keyframes pulse-light{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.5}}.title{font-family:Playfair Display,serif;font-size:4rem;font-weight:700;margin-bottom:.5rem;color:var(--color-light);text-shadow:0 4px 20px rgba(0,0,0,.3);position:relative;z-index:2;letter-spacing:-.5px}.subtitle{font-family:Inter,sans-serif;font-size:2.8rem;font-weight:600;color:var(--color-gold);margin-bottom:1rem;position:relative;z-index:2;text-shadow:0 2px 10px rgba(0,0,0,.2)}.date{font-size:1.6rem;color:var(--color-light-gold);font-style:italic;position:relative;z-index:2;font-weight:300}.main{padding:4rem 0}.hero{padding:5rem 0;background-color:var(--color-light);position:relative}.hero:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-gold),transparent)}.hero-content{display:flex;flex-wrap:wrap;gap:4rem;align-items:center}.hero-text{flex:1;min-width:300px}.hero-text h3{font-family:Playfair Display,serif;font-size:2.8rem;color:var(--color-dark-brown);margin-bottom:2rem;border-left:6px solid var(--color-red);padding-left:1.5rem;position:relative}.hero-text h3:after{content:"";position:absolute;bottom:-10px;left:1.5rem;width:60px;height:3px;background:var(--gradient-gold)}.hero-text p{font-size:1.3rem;line-height:1.8;margin-bottom:1.8rem;color:var(--color-dark);font-weight:300}.hero-image{flex:1;min-width:300px;position:relative}.anniversary-image{width:100%;height:auto;border-radius:20px;box-shadow:0 20px 60px #00000040;border:8px solid var(--color-gold);transition:all .4s ease;position:relative;z-index:1}.anniversary-image:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 30px 80px #00000059}.hero-image:before{content:"";position:absolute;top:-20px;right:-20px;width:100%;height:100%;background:var(--gradient-gold);border-radius:25px;z-index:0;opacity:.3}.qualities{padding:6rem 0;background:linear-gradient(135deg,var(--color-light) 0%,var(--color-light-gold) 100%);position:relative}.qualities:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-gold),transparent)}.qualities h3{text-align:center;font-family:Playfair Display,serif;font-size:3.2rem;color:var(--color-dark-brown);margin-bottom:4rem;position:relative}.qualities h3:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:100px;height:4px;background:var(--gradient-red);border-radius:2px}.qualities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem}.quality-card{background:#fff;border-radius:20px;padding:2.5rem;text-align:center;box-shadow:0 15px 40px #0000001a;border-top:6px solid var(--card-color, var(--color-red));transition:all .4s ease;position:relative;overflow:hidden;z-index:1}.quality-card:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.8));z-index:-1;opacity:0;transition:opacity .4s ease}.quality-card:hover{transform:translateY(-15px);box-shadow:0 25px 60px #0003}.quality-card:hover:before{opacity:1}.quality-icon{font-size:3.5rem;margin-bottom:1.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.quality-card h4{font-family:Inter,sans-serif;font-size:2rem;color:var(--card-color, var(--color-red));margin-bottom:1.2rem;font-weight:600}.quality-card p{color:var(--color-dark);line-height:1.7;font-size:1.1rem;font-weight:300}.memories{padding:6rem 0;background-color:var(--color-light);position:relative}.memories:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-gold),transparent)}.memories h3{text-align:center;font-family:Playfair Display,serif;font-size:3.2rem;color:var(--color-dark-brown);margin-bottom:4rem;position:relative}.memories h3:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:100px;height:4px;background:var(--gradient-gold);border-radius:2px}.memories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem}.memory-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 15px 40px #0000001a;transition:all .4s ease;position:relative}.memory-card:hover{transform:translateY(-10px);box-shadow:0 25px 60px #0003}.memory-image{width:100%;height:300px;object-fit:cover;transition:transform .6s ease}.memory-card:hover .memory-image{transform:scale(1.05)}.memory-content{padding:2.5rem}.memory-card h4{font-family:Inter,sans-serif;font-size:1.8rem;color:var(--color-dark-brown);margin-bottom:1.2rem;font-weight:600}.memory-card p{color:var(--color-dark);line-height:1.7;font-size:1.1rem;font-weight:300}.blessings-list{list-style:none;padding:0}.blessings-list li{border-bottom:1px solid var(--color-light-gold);color:var(--color-dark);font-size:1.2rem;font-weight:300;position:relative;padding:1rem 0 1rem 2rem}.blessings-list li:before{content:"✓";position:absolute;left:0;color:var(--color-gold);font-weight:700}.blessings-list li:last-child{border-bottom:none}.faith{padding:6rem 0;background:linear-gradient(135deg,var(--color-light) 0%,var(--color-light-gold) 100%);position:relative}.faith:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-red),transparent)}.faith h3{text-align:center;font-family:Playfair Display,serif;font-size:3.2rem;color:var(--color-dark-brown);margin-bottom:2rem;position:relative}.faith h3:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:120px;height:4px;background:var(--gradient-gold);border-radius:2px}.faith-intro{text-align:center;font-size:1.4rem;line-height:1.8;color:var(--color-dark);max-width:800px;margin:0 auto 4rem;font-weight:300}.faith-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin-bottom:4rem}.faith-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 15px 40px #0000001a;transition:all .4s ease;position:relative}.faith-card:hover{transform:translateY(-10px);box-shadow:0 25px 60px #0003}.faith-image{width:100%;height:250px;object-fit:cover;object-position:left -50px;transition:transform .6s ease}.faith-card:hover .faith-image{transform:scale(1.05)}.faith-content{padding:2rem}.faith-card h4{font-family:Inter,sans-serif;font-size:1.8rem;color:var(--color-dark-brown);margin-bottom:1rem;font-weight:600}.faith-card p{color:var(--color-dark);line-height:1.7;font-size:1.1rem;font-weight:300}.faith-message{background:#fff;border-radius:20px;padding:3rem;max-width:900px;margin:0 auto;box-shadow:0 10px 30px #0000001a;border-left:6px solid var(--color-red)}.faith-message p{font-size:1.3rem;line-height:1.9;color:var(--color-dark);margin-bottom:2rem;font-weight:300}.scripture{font-family:Playfair Display,serif;font-style:italic;color:var(--color-gold);font-size:1.5rem;text-align:center;padding-top:1.5rem;border-top:1px solid var(--color-light-gold);font-weight:500}.message{padding:6rem 0;background:linear-gradient(135deg,var(--color-light-gold) 0%,var(--color-light) 100%);position:relative}.message:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-red),transparent)}.message-card{background:#fff;border-radius:25px;padding:4rem;max-width:900px;margin:0 auto;box-shadow:0 25px 70px #00000026;border:2px solid transparent;background-clip:padding-box;position:relative;overflow:hidden}.message-card:before{content:"";position:absolute;inset:-2px;background:var(--gradient-gold);border-radius:27px;z-index:-1}.message-card h3{text-align:center;font-family:Playfair Display,serif;font-size:3.2rem;color:var(--color-dark-brown);margin-bottom:3rem;position:relative}.message-card h3:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:120px;height:4px;background:var(--gradient-red);border-radius:2px}.message-content{font-size:1.3rem;line-height:1.9;color:var(--color-dark);font-weight:300}.message-content p{margin-bottom:2rem}.signature{font-family:Playfair Display,serif;font-size:1.8rem;font-weight:600;color:var(--color-red);text-align:right;margin-top:3rem;font-style:italic;position:relative;padding-right:2rem}.signature:before{content:"";position:absolute;right:0;top:50%;width:40px;height:2px;background:var(--color-gold)}.footer{background:var(--gradient-primary);color:var(--color-light);padding:3.5rem 0;text-align:center;position:relative;border-top:8px solid var(--color-red)}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-gold),transparent)}.footer p{margin-bottom:1.5rem;font-size:1.2rem;font-weight:300}.footer-quote{font-family:Playfair Display,serif;font-style:italic;color:var(--color-gold);font-size:1.5rem;max-width:700px;margin:2rem auto 0;padding-top:2rem;border-top:1px solid rgba(202,146,89,.4);font-weight:400}@media(max-width:1024px){.title{font-size:3.2rem}.subtitle{font-size:2.2rem}.qualities-grid,.memories-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media(max-width:768px){.title{font-size:2.8rem}.subtitle{font-size:2rem}.date{font-size:1.3rem}.hero-content{flex-direction:column;gap:3rem}.hero-text h3{font-size:2.2rem}.qualities h3,.memories h3,.faith h3,.message-card h3{font-size:2.5rem}.message-card{padding:3rem 2rem}.quality-card,.memory-card,.faith-card{padding:2rem}.memories-grid,.faith-grid{grid-template-columns:1fr}.faith-intro{font-size:1.2rem;margin-bottom:3rem}.faith-message{padding:2rem}.faith-message p{font-size:1.1rem}.scripture{font-size:1.3rem}}@media(max-width:480px){.title{font-size:2.2rem}.subtitle{font-size:1.6rem}.date{font-size:1.1rem}.container{padding:0 15px}.header,.main{padding:2.5rem 0}.hero,.qualities,.memories,.faith,.message{padding:3rem 0}.hero-text h3{font-size:1.8rem}.hero-text p{font-size:1.1rem}.qualities h3,.memories h3,.faith h3,.message-card h3{font-size:2rem}.message-card{padding:2rem 1.5rem}.quality-card,.memory-card,.faith-card{padding:1.5rem}.quality-icon{font-size:2.8rem}.quality-card h4{font-size:1.6rem}.memory-card h4,.faith-card h4{font-size:1.5rem}.blessings-list li{font-size:1rem;padding-left:1.5rem}.faith-intro{font-size:1.1rem;margin-bottom:2.5rem}.faith-message{padding:1.5rem}.faith-message p{font-size:1rem}.scripture,.message-content{font-size:1.1rem}.signature{font-size:1.5rem}.footer-quote{font-size:1.2rem}}