:root{--pink-50:#fdf2f4;--pink-100:#fbe8ec;--pink-200:#f7d1d9;--pink-300:#f0a8b8;--pink-400:#e67a95;--pink-500:#d4567a;--pink-600:#c2365e;--pink-700:#a3284d;--pink-800:#882443;--pink-900:#73213d;--rose-gold:#b76e79;--rose-light:#e8b4b8;--blush:#f9e4e8;--cream:#fef9fa;--white:#fff;--text-dark:#5a2d3e;--text-medium:#8b5e6b;--text-light:#b88a95;--text-muted:#c9a3ad;--dot-color:#d68fa040;--dot-size:1.5px;--dot-gap:22px;--card-bg:#fff9;--card-border:#e7b0bb80;--card-shadow:0 8px 32px #b76e7914, 0 2px 8px #b76e790a;--font-display:"Playfair Display", serif;--font-body:"Cormorant Garamond", serif;--font-ui:"Poppins", sans-serif;--section-padding:60px 24px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background-color:var(--pink-50);color:var(--text-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}.dotted-bg{z-index:0;pointer-events:none;background-image:radial-gradient(circle, var(--dot-color) var(--dot-size), transparent var(--dot-size));background-size:var(--dot-gap) var(--dot-gap);width:100%;height:100%;position:fixed;top:0;left:0}.app{z-index:1;max-width:430px;min-height:100vh;margin:0 auto;position:relative}.hero-section{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:50px 24px 40px;display:flex}.hero-card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);text-align:center;width:100%;max-width:360px;box-shadow:var(--card-shadow);border-radius:20px;padding:40px 28px 32px;animation:1s ease-out fadeInUp}.hero-image-container{border:3px solid var(--rose-light);background:linear-gradient(135deg, var(--blush), var(--pink-200));border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;margin:0 auto 24px;display:flex;overflow:hidden;box-shadow:0 4px 20px #b76e7926}.hero-image-container img{object-fit:cover;object-position:center 30%;width:100%;height:100%}.hero-initials{font-family:var(--font-display);color:var(--pink-400);letter-spacing:2px;font-size:48px;font-weight:500}.hero-subtitle{font-family:var(--font-ui);letter-spacing:4px;text-transform:uppercase;color:var(--text-light);margin-bottom:12px;font-size:11px;font-weight:400}.hero-name{font-family:var(--font-display);color:var(--text-dark);margin-bottom:4px;font-size:36px;font-weight:700;line-height:1.15}.hero-name-accent{font-family:var(--font-display);color:var(--pink-400);margin-bottom:20px;font-size:34px;font-style:italic;font-weight:600;line-height:1.15;display:block}.hero-divider{justify-content:center;align-items:center;gap:12px;margin:20px 0 16px;display:flex}.hero-divider-line{background:linear-gradient(90deg, transparent, var(--rose-light), transparent);width:60px;height:1px}.hero-divider-icon{color:var(--pink-300);font-size:14px}.hero-question{font-family:var(--font-body);color:var(--text-medium);font-size:18px;font-style:italic;font-weight:400}.scroll-indicator{flex-direction:column;align-items:center;gap:8px;margin-top:40px;animation:2s infinite bounce;display:flex}.scroll-indicator span{font-family:var(--font-ui);letter-spacing:3px;text-transform:uppercase;color:var(--text-muted);font-size:10px}.scroll-arrow{border-right:1.5px solid var(--text-muted);border-bottom:1.5px solid var(--text-muted);width:20px;height:20px;transform:rotate(45deg)}.answer-section{padding:var(--section-padding);flex-direction:column;align-items:center;display:flex}.answer-card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);width:100%;max-width:360px;box-shadow:var(--card-shadow);border-radius:20px;padding:36px 28px}.section-label{font-family:var(--font-ui);letter-spacing:4px;text-transform:uppercase;color:var(--pink-400);margin-bottom:20px;font-size:11px;font-weight:500}.answer-text{font-family:var(--font-body);color:var(--text-dark);font-size:17px;font-weight:400;line-height:1.75}.answer-text p{margin-bottom:20px}.answer-text p:last-child{margin-bottom:0}.answer-text .highlight{color:var(--pink-500);font-style:italic;font-weight:500}.answer-text .emphasis{color:var(--text-dark);font-weight:600}.she-is-block{border-left:2px solid var(--rose-light);margin:24px 0;padding-left:16px}.she-is-block p{color:var(--text-medium);font-size:16px;font-style:italic;margin-bottom:10px!important}.answer-footer{justify-content:center;align-items:center;gap:12px;margin-top:28px;padding-top:20px;display:flex}.answer-footer-line{background:linear-gradient(90deg, transparent, var(--rose-light), transparent);width:50px;height:1px}.answer-footer-text{font-family:var(--font-display);color:var(--text-muted);font-size:15px;font-style:italic;font-weight:400}.letter-section{padding:var(--section-padding);flex-direction:column;align-items:center;display:flex}.letter-card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);width:100%;max-width:360px;box-shadow:var(--card-shadow);border-radius:20px;padding:36px 28px}.letter-text{font-family:var(--font-body);color:var(--text-dark);font-size:17px;font-weight:400;line-height:1.8}.letter-text p{margin-bottom:20px}.letter-text p:last-child{margin-bottom:0}.letter-signature{text-align:right;font-family:var(--font-display);color:var(--pink-500);margin-top:24px;font-size:18px;font-style:italic;font-weight:500}.contact-section{padding:var(--section-padding);flex-direction:column;align-items:center;padding-bottom:80px;display:flex}.contact-card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);width:100%;max-width:360px;box-shadow:var(--card-shadow);border-radius:20px;padding:36px 28px}.contact-title{font-family:var(--font-display);color:var(--text-dark);margin-bottom:28px;font-size:22px;font-style:italic;font-weight:600}.form-group{margin-bottom:20px}.form-label{font-family:var(--font-ui);letter-spacing:3px;text-transform:uppercase;color:var(--text-light);margin-bottom:8px;font-size:10px;font-weight:500;display:block}.form-input{border:1px solid var(--card-border);width:100%;font-family:var(--font-body);color:var(--text-dark);background:#ffffff80;border-radius:12px;outline:none;padding:14px 16px;font-size:16px;transition:all .3s}.form-input::placeholder{color:var(--text-muted);font-style:italic}.form-input:focus{border-color:var(--pink-300);background:#fffc;box-shadow:0 0 0 3px #e67a951a}.form-textarea{border:1px solid var(--card-border);width:100%;font-family:var(--font-body);color:var(--text-dark);resize:vertical;background:#ffffff80;border-radius:12px;outline:none;min-height:120px;padding:14px 16px;font-size:16px;transition:all .3s}.form-textarea::placeholder{color:var(--text-muted);font-style:italic}.form-textarea:focus{border-color:var(--pink-300);background:#fffc;box-shadow:0 0 0 3px #e67a951a}.submit-btn{background:linear-gradient(135deg, var(--pink-400), var(--rose-gold));width:100%;color:var(--white);font-family:var(--font-ui);letter-spacing:3px;text-transform:uppercase;cursor:pointer;border:none;border-radius:50px;margin-top:8px;padding:16px 32px;font-size:13px;font-weight:600;transition:all .4s;position:relative;overflow:hidden;box-shadow:0 4px 15px #b76e794d}.submit-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.submit-btn:hover:before{left:100%}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #b76e7966}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.form-message{text-align:center;font-family:var(--font-body);border-radius:12px;margin-top:16px;padding:14px;font-size:16px;animation:.4s ease-out fadeInUp}.form-message.success{color:#2d6a3e;background:#b7e0be4d;border:1px solid #b7e0be80}.form-message.error{color:#8b3a3a;background:#ffc8c84d;border:1px solid #ffc8c880}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.reveal{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(40px)}.reveal.visible{opacity:1;transform:translateY(0)}.stagger-children .reveal:first-child{transition-delay:.1s}.stagger-children .reveal:nth-child(2){transition-delay:.2s}.stagger-children .reveal:nth-child(3){transition-delay:.3s}.stagger-children .reveal:nth-child(4){transition-delay:.4s}.stagger-children .reveal:nth-child(5){transition-delay:.5s}.particles{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.particle{background:var(--pink-300);opacity:.3;border-radius:50%;width:4px;height:4px;animation:linear infinite float-particle;position:absolute}@keyframes float-particle{0%{opacity:0;transform:translateY(100vh)rotate(0)}10%{opacity:.3}90%{opacity:.3}to{opacity:0;transform:translateY(-10vh)rotate(720deg)}}.footer{text-align:center;font-family:var(--font-ui);color:var(--text-muted);letter-spacing:2px;padding:30px 24px 50px;font-size:11px}.footer-heart{color:var(--pink-400);margin:0 4px;animation:1.5s infinite heartbeat;display:inline-block}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media (width>=768px){.app{max-width:430px}}