@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Nunito:wght@300;400;500;600;700&display=swap";.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-family:var(--font-body);font-weight:600;border:none;border-radius:var(--radius-2xl);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;white-space:nowrap;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn:hover:after{left:100%}.btn-sm{height:36px;padding:0 var(--spacing-4);font-size:var(--font-size-sm);border-radius:var(--radius-xl)}.btn-md{height:48px;padding:0 var(--spacing-6);font-size:var(--font-size-base)}.btn-lg{height:56px;padding:0 var(--spacing-10);font-size:var(--font-size-lg);border-radius:var(--radius-2xl)}.btn-primary{background:var(--color-gradient);color:var(--color-white);box-shadow:0 8px 24px #f43f5e59,0 2px 4px #0000001a}.btn-primary:hover:not(.btn-disabled){box-shadow:0 12px 32px #f43f5e73,0 4px 8px #0000001a;transform:translateY(-2px)}.btn-primary:active:not(.btn-disabled){transform:translateY(0);box-shadow:0 4px 16px #f43f5e4d,0 2px 4px #0000001a}.btn-secondary{background:var(--color-rose-100);color:var(--color-rose-600);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(.btn-disabled){background:var(--color-rose-200);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-rose-300)}.btn-outline:hover:not(.btn-disabled){background:var(--color-rose-50);border-color:var(--color-primary);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--color-gray-600)}.btn-ghost:hover:not(.btn-disabled){background:var(--color-rose-50);color:var(--color-rose-600)}.btn-full{width:100%}.btn-disabled{opacity:.6;cursor:not-allowed}.btn-spinner{width:16px;height:16px}.btn-spinner svg{width:100%;height:100%;animation:spin 1s linear infinite}.btn-text-loading{opacity:.7}.input-group{display:flex;flex-direction:column;gap:var(--spacing-2);position:relative}.input-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-700);display:flex;align-items:center;gap:var(--spacing-2)}.input-required{color:var(--color-rose-400);margin-left:2px}.input-field{width:100%;height:52px;padding:0 var(--spacing-4);font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-gray-800);background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-xl);transition:all var(--transition-normal)}.input-field::placeholder{color:var(--color-gray-400)}.input-field:hover{border-color:var(--color-rose-200)}.input-field:focus{outline:none;border-color:var(--color-rose-400);box-shadow:0 0 0 4px #f43f5e1a;background:var(--color-white)}.input-field:disabled{background:var(--color-gray-100);cursor:not-allowed;opacity:.7}.input-error .input-field{border-color:var(--color-error)}.input-error .input-field:focus{box-shadow:0 0 0 4px #ef44441a}.input-counter{position:absolute;right:var(--spacing-4);top:50%;transform:translateY(-50%);font-size:var(--font-size-xs);color:var(--color-gray-400);pointer-events:none;font-weight:500}.input-message{font-size:var(--font-size-sm);margin-top:var(--spacing-1)}.input-error-message{color:var(--color-error);font-weight:500}.input-hint{color:var(--color-gray-500);font-style:italic}.textarea-group{display:flex;flex-direction:column;gap:var(--spacing-1);position:relative}.textarea-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-700)}.textarea-required{color:var(--color-error);margin-left:2px}.textarea-field{width:100%;padding:var(--spacing-3);font-size:var(--font-size-base);font-family:inherit;line-height:1.6;color:var(--color-gray-900);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);resize:vertical;min-height:100px;transition:all var(--transition-fast)}.textarea-field::placeholder{color:var(--color-gray-400)}.textarea-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea26}.textarea-field:disabled{background:var(--color-gray-100);cursor:not-allowed}.textarea-error .textarea-field{border-color:var(--color-error)}.textarea-error .textarea-field:focus{box-shadow:0 0 0 3px #ef444426}.textarea-counter{position:absolute;right:var(--spacing-3);bottom:var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-gray-400);background:var(--color-white);padding:2px 4px;border-radius:var(--radius-sm)}.textarea-message{font-size:var(--font-size-sm);margin-top:var(--spacing-1)}.textarea-error-message{color:var(--color-error)}.textarea-hint{color:var(--color-gray-500)}.theme-selector{display:flex;flex-direction:column;gap:var(--spacing-3)}.theme-selector-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-700)}.theme-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-3)}.theme-option{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);text-align:left}.theme-option:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-sm)}.theme-option-selected{border-color:var(--color-primary);background:linear-gradient(135deg,#667eea0d,#764ba20d)}.theme-option-selected:hover{border-color:var(--color-primary)}.theme-preview{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.theme-emoji{font-size:20px}.theme-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.theme-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-900)}.theme-description{font-size:var(--font-size-xs);color:var(--color-gray-500)}.theme-check{width:20px;height:20px;background:var(--color-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-white)}.theme-check svg{width:12px;height:12px}@media (max-width: 480px){.theme-options{grid-template-columns:1fr}}.chapter-editor{display:flex;flex-direction:column;gap:var(--spacing-4)}.chapter-header{display:flex;justify-content:space-between;align-items:center}.chapter-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-700)}.chapter-count{font-size:var(--font-size-sm);color:var(--color-gray-500)}.chapters-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.chapter-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--spacing-4);transition:box-shadow var(--transition-fast)}.chapter-card:hover{box-shadow:var(--shadow-sm)}.chapter-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-gray-100)}.chapter-number{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary)}.chapter-remove{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-gray-400);cursor:pointer;transition:all var(--transition-fast)}.chapter-remove:hover{background:var(--color-gray-100);color:var(--color-error)}.chapter-remove svg{width:16px;height:16px}.chapter-fields{display:flex;flex-direction:column;gap:var(--spacing-4)}.add-chapter-btn{align-self:flex-start}.message-preview{background:var(--preview-bg);border-radius:24px;overflow:hidden;cursor:pointer;position:relative;min-height:400px;display:flex;flex-direction:column;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--preview-text);transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 20px 60px -15px #0003,0 0 0 1px #ffffff1a inset}.message-preview:hover{transform:translateY(-4px);box-shadow:0 30px 80px -15px #00000040,0 0 0 1px #ffffff26 inset}.message-preview.compact{min-height:280px}.preview-recipient-header{text-align:center;padding:24px 20px 16px;animation:fadeIn .5s ease-out}.preview-recipient-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;opacity:.7;margin-bottom:4px;color:var(--preview-text-secondary)}.preview-recipient-name{font-family:Playfair Display,Georgia,serif;font-size:1.5rem;font-weight:600;color:var(--preview-accent);text-shadow:0 2px 10px var(--preview-glow)}.preview-book{flex:1;position:relative;perspective:1200px;padding:0 20px}.preview-page{position:absolute;top:0;left:20px;right:20px;bottom:0;background:var(--preview-page-bg);border-radius:12px;box-shadow:0 15px 40px -10px #00000026,0 0 0 1px #0000000d;transform-origin:left center;transform-style:preserve-3d;backface-visibility:hidden;z-index:2;overflow:hidden}.preview-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none}.preview-page.flipping{animation:pageFlip .8s ease-in-out forwards}@keyframes pageFlip{0%{transform:rotateY(0)}to{transform:rotateY(-150deg)}}.preview-page-next{z-index:1;opacity:0}.preview-page-next.flipping-in{opacity:1}.preview-page-content{height:100%;display:flex;flex-direction:column;padding:24px 20px}.preview-page-number{font-size:.65rem;text-transform:uppercase;letter-spacing:.2em;opacity:.5;margin-bottom:12px;color:var(--preview-text-secondary)}.preview-page-title{font-family:Playfair Display,Georgia,serif;font-size:1.25rem;font-weight:600;margin-bottom:16px;color:var(--preview-text);background:linear-gradient(135deg,var(--preview-text) 0%,var(--preview-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.preview-page-text{flex:1;font-size:.95rem;line-height:1.7;color:var(--preview-text);opacity:.9}.preview-page-footer{margin-top:auto;text-align:center}.preview-page-hint{font-size:.7rem;color:var(--preview-text-secondary);opacity:.5;text-transform:lowercase;letter-spacing:.1em}.preview-page-curl{position:absolute;bottom:0;right:0;width:40px;height:40px;background:linear-gradient(135deg,transparent 50%,rgba(0,0,0,.03) 50%);border-radius:0 0 12px}.preview-dots{display:flex;gap:8px;justify-content:center;padding:16px}.preview-dot{width:6px;height:6px;border-radius:50%;background:var(--preview-text);opacity:.2;transition:all .3s ease}.preview-dot.active{opacity:1;background:var(--preview-accent);transform:scale(1.4);box-shadow:0 0 10px var(--preview-glow)}.preview-dot.read{opacity:.5}.preview-sender-reveal{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;animation:fadeIn .6s ease-out}.preview-sender-label{font-size:.85rem;opacity:.7;margin-bottom:8px;color:var(--preview-text-secondary)}.preview-sender-name{font-family:Playfair Display,Georgia,serif;font-size:1.5rem;font-weight:600;color:var(--preview-accent);text-shadow:0 2px 15px var(--preview-glow);margin-bottom:24px}.preview-response-section{animation:fadeIn .4s ease-out}.preview-response-prompt{font-size:.9rem;opacity:.8;margin-bottom:16px;color:var(--preview-text-secondary)}.preview-response-buttons{display:flex;flex-direction:column;gap:10px;width:100%;max-width:200px}.preview-response-btn{padding:12px 20px;border-radius:50px;font-size:.85rem;font-weight:600;text-align:center;cursor:pointer;transition:all .2s ease}.preview-yes-btn{background:var(--preview-button);color:#fff;box-shadow:0 4px 15px var(--preview-glow)}.preview-yes-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--preview-glow)}.preview-later-btn{background:#fff3;color:var(--preview-text);border:1px solid rgba(0,0,0,.1)}.preview-later-btn:hover{background:#ffffff4d}@media (max-width: 480px){.message-preview{min-height:320px;border-radius:20px}.preview-recipient-name{font-size:1.25rem}.preview-page-title{font-size:1.1rem}.preview-page-text{font-size:.85rem}.preview-sender-name{font-size:1.25rem}.preview-response-btn{padding:10px 16px;font-size:.8rem}}.landing{min-height:100vh;overflow-x:hidden;position:relative}.landing:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 20%,rgba(251,113,133,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(196,181,253,.15) 0%,transparent 50%),radial-gradient(ellipse at 40% 60%,rgba(253,164,175,.1) 0%,transparent 40%),radial-gradient(ellipse at 60% 20%,rgba(167,139,250,.1) 0%,transparent 40%);animation:gradientShift 20s ease-in-out infinite alternate;pointer-events:none;z-index:-1}@keyframes gradientShift{0%{transform:scale(1) rotate(0);opacity:.8}50%{transform:scale(1.1) rotate(3deg);opacity:1}to{transform:scale(1.05) rotate(-2deg);opacity:.9}}.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-12);align-items:center;padding:var(--spacing-12) var(--spacing-8);max-width:1400px;margin:0 auto;position:relative}.hero-content{max-width:560px;animation:fadeSlideUp .8s ease-out}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-badge{display:inline-flex;align-items:center;gap:var(--spacing-2);background:linear-gradient(135deg,#fb718533,#c4b5fd33);color:var(--color-rose-600);font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-2) var(--spacing-5);border-radius:var(--radius-full);margin-bottom:var(--spacing-6);border:1px solid rgba(251,113,133,.3);animation:floatBadge 3s ease-in-out infinite}@keyframes floatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.hero-title{font-family:var(--font-display);font-size:var(--font-size-5xl);font-weight:700;line-height:1.1;margin-bottom:var(--spacing-6);color:var(--color-gray-800)}.gradient-text{background:linear-gradient(135deg,#ec4899,#f472b6,#a855f7,#c084fc,#ec4899);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmerText 4s linear infinite}@keyframes shimmerText{0%{background-position:0% center}to{background-position:200% center}}.hero-subtitle{font-size:var(--font-size-lg);color:var(--color-gray-600);line-height:1.8;margin-bottom:var(--spacing-8)}.hero-features{display:flex;gap:var(--spacing-6);flex-wrap:wrap}.hero-feature{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-gray-600);font-weight:500}.hero-feature svg{color:var(--color-rose-400)}.hero-visual{display:flex;flex-direction:column;align-items:center;animation:fadeSlideUp .8s ease-out .2s both;gap:var(--spacing-4)}.theme-selector-inline{display:flex;gap:var(--spacing-2);background:#ffffffe6;padding:var(--spacing-2);border-radius:var(--radius-full);box-shadow:0 4px 20px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.theme-btn{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3);border:none;border-radius:var(--radius-full);background:transparent;cursor:pointer;transition:all .2s ease;font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-600)}.theme-btn:hover{background:#f43f5e1a;color:var(--color-rose-600)}.theme-btn.active{background:linear-gradient(135deg,var(--color-rose-500),var(--color-rose-600));color:#fff;box-shadow:0 4px 15px #f43f5e4d}.theme-emoji{font-size:var(--font-size-base)}.theme-name{display:none}@media (min-width: 480px){.theme-name{display:inline}}.device-frame{position:relative;background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:40px;padding:12px;box-shadow:0 50px 100px -20px #0006,0 30px 60px -30px #0000004d,inset 0 1px #ffffff1a;animation:floatDevice 6s ease-in-out infinite}@keyframes floatDevice{0%,to{transform:translateY(0) rotateX(2deg) rotateY(-3deg)}50%{transform:translateY(-12px) rotateX(0) rotateY(0)}}.device-phone{width:320px;height:480px}.device-screen{width:100%;height:100%;border-radius:28px;overflow:hidden}.device-screen .message-preview{width:100%;height:100%;border-radius:0;min-height:auto}.device-laptop{width:600px;height:400px;padding:16px 16px 40px;border-radius:16px 16px 8px 8px}.device-laptop .device-screen{border-radius:8px}.device-laptop:after{content:"";position:absolute;bottom:-20px;left:-40px;right:-40px;height:20px;background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:0 0 12px 12px;box-shadow:0 10px 30px #0003}.book-container{position:relative;perspective:2000px;animation:none}@keyframes floatBook{0%,to{transform:translateY(0) rotateX(2deg)}50%{transform:translateY(-10px) rotateX(0)}}.book{position:relative;width:320px;height:420px;transform-style:preserve-3d;transform:rotateY(-5deg);transition:transform .5s cubic-bezier(.4,0,.2,1)}.book:hover{transform:rotateY(0)}.book-spine{position:absolute;left:-20px;top:0;width:20px;height:100%;background:linear-gradient(180deg,#ec4899,#be185d,#9d174d);transform:rotateY(90deg) translateZ(10px);transform-origin:right center;border-radius:4px 0 0 4px;box-shadow:-3px 0 15px #be185d66}.book-page{position:absolute;width:100%;height:100%;background:linear-gradient(160deg,#fffbfc,#fff0f2 40%,#ffe8ec);border-radius:0 16px 16px 0;box-shadow:0 25px 60px -15px #be185d40,0 0 0 1px #be185d14,inset -8px 0 25px #be185d08,inset 0 0 60px #ffffff80;cursor:pointer;transform-origin:left center;transform-style:preserve-3d;backface-visibility:hidden;z-index:2;overflow:hidden}.book-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none}.book-page-next{z-index:1;transform:rotateY(0)}.book-page.flipping-out{animation:pageFlipOut 1.5s cubic-bezier(.22,.61,.36,1) forwards;z-index:3}@keyframes pageFlipOut{0%{transform:rotateY(0);box-shadow:0 25px 60px -15px #be185d40,0 0 0 1px #be185d14,inset -8px 0 25px #be185d08}30%{box-shadow:-30px 30px 80px -20px #0000004d,0 0 0 1px #be185d14,inset 0 0 40px #0000000d}to{transform:rotateY(-160deg);box-shadow:30px 10px 40px -20px #00000026,0 0 0 1px #be185d0d}}.book-page-next.flipping-in{animation:pageReveal 1.5s cubic-bezier(.22,.61,.36,1) forwards}@keyframes pageReveal{0%{opacity:.3;transform:scale(.92);filter:brightness(.95)}50%{opacity:.7;transform:scale(.96);filter:brightness(.98)}to{opacity:1;transform:scale(1);filter:brightness(1)}}.page-content{padding:var(--spacing-8);height:100%;display:flex;flex-direction:column}.page-number{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.15em;background:linear-gradient(135deg,#ec4899,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;margin-bottom:var(--spacing-6)}.page-title{font-family:var(--font-display);font-size:var(--font-size-2xl);background:linear-gradient(135deg,#9d174d,#be185d,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-4)}.page-text{font-size:var(--font-size-lg);line-height:1.9;background:linear-gradient(180deg,#7c2d12,#991b1b,#9d174d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-style:italic;flex:1;display:flex;align-items:center}.page-footer{margin-top:auto;text-align:center}.page-hint{font-size:var(--font-size-xs);color:#be185d;opacity:.6;text-transform:uppercase;letter-spacing:.08em;animation:hintPulse 2s ease-in-out infinite}@keyframes hintPulse{0%,to{opacity:.6}50%{opacity:.3}}.page-curl{position:absolute;bottom:0;right:0;width:70px;height:70px;background:linear-gradient(135deg,transparent 45%,rgba(190,24,93,.06) 50%,rgba(190,24,93,.12) 100%);border-radius:0 0 16px;pointer-events:none;transition:all .3s ease}.book-page:hover .page-curl{width:85px;height:85px;background:linear-gradient(135deg,transparent 40%,rgba(190,24,93,.08) 50%,rgba(190,24,93,.18) 100%)}.book-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:var(--radius-full);background:#fff;border:1px solid var(--color-gray-200);box-shadow:var(--shadow-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.book-nav:hover{background:var(--color-rose-50);border-color:var(--color-rose-200);transform:translateY(-50%) scale(1.1)}.book-nav svg{width:20px;height:20px;color:var(--color-gray-600)}.book-nav-prev{left:-60px}.book-nav-next{right:-60px}.book-dots{display:flex;gap:8px;margin-top:var(--spacing-6)}.book-dot{width:10px;height:10px;border-radius:var(--radius-full);background:var(--color-gray-300);border:none;cursor:pointer;transition:all .3s ease}.book-dot:hover{background:var(--color-rose-300)}.book-dot.active{background:var(--color-rose-500);transform:scale(1.3)}.demo-label{margin-top:var(--spacing-4);font-size:var(--font-size-sm);font-weight:600;color:var(--color-rose-600);background:linear-gradient(135deg,#fb718533,#c4b5fd33);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);animation:floatBadge 3s ease-in-out infinite 1s}.demo-response{margin-top:auto;text-align:center;animation:fadeIn .5s ease-out}.demo-sender{font-size:var(--font-size-sm);color:#9d174d;margin-bottom:var(--spacing-3)}.demo-sender span{font-family:var(--font-display);font-weight:600;background:linear-gradient(135deg,#ec4899,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.demo-response-buttons{display:flex;flex-direction:column;gap:var(--spacing-2);max-width:200px;margin:0 auto}.demo-btn{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;text-align:center;transition:all .2s ease}.demo-yes{background:linear-gradient(135deg,#f472b6,#ec4899);color:#fff;box-shadow:0 4px 15px #ec48994d}.demo-later{background:#f472b626;color:#be185d}.plans-section{padding:var(--spacing-20) var(--spacing-8);background:linear-gradient(180deg,var(--color-white) 0%,var(--color-rose-50) 100%)}.plans-header{text-align:center;margin-bottom:var(--spacing-12)}.section-title{font-family:var(--font-display);font-size:var(--font-size-3xl);color:var(--color-gray-800);margin-bottom:var(--spacing-3)}.section-subtitle{font-size:var(--font-size-lg);color:var(--color-gray-500)}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-6);max-width:900px;margin:0 auto}.plan-card{position:relative;background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-2xl);padding:var(--spacing-8) var(--spacing-6);text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.plan-card:hover{border-color:var(--color-rose-300);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.plan-selected{border-color:var(--color-rose-400);background:linear-gradient(135deg,var(--color-rose-50) 0%,var(--color-lavender-50) 100%);box-shadow:var(--shadow-xl),0 0 0 4px #f43f5e1a;transform:translateY(-4px)}.plan-popular{border-color:var(--color-rose-300)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-gradient);color:#fff;font-size:var(--font-size-xs);font-weight:700;padding:6px 16px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 12px #f43f5e4d}.plan-icon{width:48px;height:48px;margin:0 auto var(--spacing-4);display:flex;align-items:center;justify-content:center}.plan-icon svg{width:32px;height:32px;color:var(--color-rose-400)}.plan-name{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:600;color:var(--color-gray-800);margin-bottom:var(--spacing-2)}.plan-price{font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:700;background:var(--color-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-4)}.plan-features{list-style:none;text-align:left;font-size:var(--font-size-sm);color:var(--color-gray-600)}.plan-features li{padding:var(--spacing-2) 0;display:flex;align-items:center;gap:var(--spacing-2)}.plan-features li:before{content:"";width:6px;height:6px;background:var(--color-rose-400);border-radius:var(--radius-full);flex-shrink:0}.plan-features li strong{color:var(--color-gray-800)}.plan-check{position:absolute;top:var(--spacing-4);right:var(--spacing-4);width:24px;height:24px;background:var(--color-gradient);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(0);transition:all .3s ease}.plan-selected .plan-check{opacity:1;transform:scale(1)}.plan-check svg{width:14px;height:14px;color:#fff}.plan-skeleton{cursor:default}.skeleton-line{height:16px;background:linear-gradient(90deg,var(--color-gray-100) 0%,var(--color-gray-200) 50%,var(--color-gray-100) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm);margin-bottom:var(--spacing-3)}.skeleton-title{width:60%;margin:0 auto var(--spacing-4)}.skeleton-price{height:32px;width:40%;margin:0 auto var(--spacing-4)}.plans-cta{text-align:center;margin-top:var(--spacing-12)}.cta-note{margin-top:var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-gray-500)}.steps-section{padding:var(--spacing-20) var(--spacing-8);background:var(--color-white);text-align:center}.steps-row{display:flex;align-items:center;justify-content:center;gap:var(--spacing-6);max-width:900px;margin:var(--spacing-12) auto 0}.step{flex:1;max-width:200px}.step-icon{width:64px;height:64px;margin:0 auto var(--spacing-4);background:var(--color-rose-100);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center}.step-icon svg{width:28px;height:28px;color:var(--color-rose-500)}.step h3{font-family:var(--font-display);font-size:var(--font-size-xl);color:var(--color-gray-800);margin-bottom:var(--spacing-2)}.step p{font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:1.6}.step-arrow{color:var(--color-gray-300);flex-shrink:0}.step-arrow svg{width:24px;height:24px}.footer{padding:var(--spacing-16) var(--spacing-8);background:linear-gradient(135deg,#302925,#1c1816);text-align:center}.footer-content{max-width:600px;margin:0 auto}.footer-brand{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:600;color:var(--color-white);margin-bottom:var(--spacing-2)}.footer-tagline{color:var(--color-rose-300);font-size:var(--font-size-lg);margin-bottom:var(--spacing-4);font-style:italic}.footer-legal{font-size:var(--font-size-sm);color:var(--color-gray-400);margin-bottom:var(--spacing-4)}.footer-links{display:flex;justify-content:center;gap:var(--spacing-4)}.footer-links a{color:var(--color-gray-500);font-size:var(--font-size-sm);text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:var(--color-rose-300)}.footer-links span{color:var(--color-gray-600)}@media (max-width: 1024px){.hero{grid-template-columns:1fr;text-align:center;padding:var(--spacing-10) var(--spacing-6);min-height:auto;gap:var(--spacing-10)}.hero-content{max-width:100%;order:2}.hero-title{font-size:var(--font-size-4xl)}.hero-features{justify-content:center}.hero-visual{order:1}.book{width:280px;height:370px;transform:none}.book-nav-prev{left:-50px}.book-nav-next{right:-50px}.plans-grid{grid-template-columns:1fr;max-width:360px}.steps-row{flex-direction:column;gap:var(--spacing-8)}.step-arrow{transform:rotate(90deg)}.step{max-width:280px}}@media (max-width: 640px){.hero-title{font-size:var(--font-size-3xl)}.hero-subtitle{font-size:var(--font-size-base)}.hero-features{flex-direction:column;align-items:center;gap:var(--spacing-3)}.device-frame.device-phone{width:280px;height:420px;padding:10px;border-radius:28px}.device-screen{border-radius:20px}.book{width:240px;height:320px}.book-nav{display:none}.page-title{font-size:var(--font-size-lg)}.page-text{font-size:var(--font-size-sm)}.page-content{padding:var(--spacing-4)}.page-number{font-size:var(--font-size-xs)}.section-title{font-size:var(--font-size-2xl)}.demo-response-buttons{gap:var(--spacing-2)}.demo-btn{font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2)}}.create-page{min-height:100vh;background:var(--color-gradient-warm);padding-bottom:var(--spacing-20)}.create-header{background:linear-gradient(180deg,#fffffff2,#fff1f2e6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:var(--spacing-8) var(--spacing-4);text-align:center;border-bottom:1px solid var(--color-rose-100);margin-bottom:var(--spacing-10);position:sticky;top:0;z-index:100}.back-link{position:absolute;left:var(--spacing-6);top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-full);transition:all var(--transition-fast)}.back-link:hover{color:var(--color-rose-600);background:var(--color-rose-50)}.create-header h1{font-family:var(--font-display);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-2);color:var(--color-gray-800)}.create-header p{color:var(--color-gray-500);font-size:var(--font-size-base);margin-bottom:0}.create-form{max-width:680px;margin:0 auto;padding:0 var(--spacing-6)}.form-section{background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-3xl);padding:var(--spacing-8);margin-bottom:var(--spacing-6);box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.8);transition:all var(--transition-normal)}.form-section:hover{box-shadow:var(--shadow-xl)}.section-heading{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-6);display:flex;align-items:center;gap:var(--spacing-3);color:var(--color-gray-800)}.tier-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4)}.tier-option{background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-2xl);padding:var(--spacing-5);text-align:center;cursor:pointer;transition:all var(--transition-normal)}.tier-option:hover{border-color:var(--color-rose-300);transform:translateY(-2px);box-shadow:var(--shadow-md)}.tier-selected{border-color:var(--color-rose-400);background:linear-gradient(135deg,var(--color-rose-50) 0%,var(--color-lavender-50) 100%);box-shadow:0 8px 24px #f43f5e26}.tier-name{font-family:var(--font-display);font-weight:600;font-size:var(--font-size-base);color:var(--color-gray-800);margin-bottom:var(--spacing-2)}.tier-price{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:700;background:var(--color-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-2)}.tier-desc{font-size:var(--font-size-xs);color:var(--color-gray-500)}.name-inputs{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-5)}.toggle-option{display:flex;align-items:flex-start;gap:var(--spacing-4);cursor:pointer;padding:var(--spacing-4);background:var(--color-rose-50);border-radius:var(--radius-2xl);border:1px solid var(--color-rose-100);transition:all var(--transition-fast)}.toggle-option:hover{border-color:var(--color-rose-200)}.toggle-option input{display:none}.toggle-switch{width:52px;height:28px;background:var(--color-gray-300);border-radius:var(--radius-full);position:relative;transition:background var(--transition-normal);flex-shrink:0}.toggle-switch:after{content:"";position:absolute;width:22px;height:22px;background:var(--color-white);border-radius:var(--radius-full);top:3px;left:3px;transition:transform var(--transition-normal);box-shadow:var(--shadow-md)}.toggle-option input:checked+.toggle-switch{background:var(--color-gradient)}.toggle-option input:checked+.toggle-switch:after{transform:translate(24px)}.toggle-label{display:flex;flex-direction:column;gap:var(--spacing-1)}.toggle-label strong{font-size:var(--font-size-base);font-weight:600;color:var(--color-gray-800)}.toggle-desc{font-size:var(--font-size-sm);color:var(--color-gray-500);line-height:1.5}.response-preview{margin-top:var(--spacing-4);padding:var(--spacing-4);background:linear-gradient(135deg,#fffc,#fff1f280);border-radius:var(--radius-xl);border:1px dashed var(--color-rose-200)}.preview-label{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-bottom:var(--spacing-3);text-transform:uppercase;letter-spacing:.05em}.preview-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.preview-btn{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500}.preview-yes{background:var(--color-gradient);color:#fff}.preview-later{background:#f472b626;color:var(--color-rose-600)}.preview-no{background:transparent;color:var(--color-gray-500);border:1px solid var(--color-gray-300)}.form-error{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-2xl);color:var(--color-error);font-size:var(--font-size-sm);margin-bottom:var(--spacing-6)}.form-submit{margin-top:var(--spacing-8)}.submit-note{text-align:center;font-size:var(--font-size-sm);color:var(--color-gray-500);margin-top:var(--spacing-3)}@media (max-width: 640px){.back-link{position:static;justify-content:center;margin-bottom:var(--spacing-4)}.tier-selector,.name-inputs{grid-template-columns:1fr}}.payment-page{min-height:100vh;background:var(--color-gray-50);display:flex;align-items:center;justify-content:center;padding:var(--spacing-8) var(--spacing-4)}.payment-loading{text-align:center}.spinner{width:48px;height:48px;border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--spacing-4)}.payment-loading p{color:var(--color-gray-500)}.payment-error-container{text-align:center;padding:var(--spacing-8)}.error-icon{font-size:48px;margin-bottom:var(--spacing-4)}.payment-error-container h2{margin-bottom:var(--spacing-2)}.payment-error-container p{color:var(--color-gray-500);margin-bottom:var(--spacing-6)}.payment-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-8);max-width:900px;width:100%}.preview-section{background:var(--color-white);border-radius:var(--radius-2xl);padding:var(--spacing-6);box-shadow:var(--shadow-md)}.preview-section h2{font-size:var(--font-size-lg);margin-bottom:var(--spacing-4)}.device-frame{position:relative;background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:12px 12px 4px 4px;padding:10px 10px 24px;box-shadow:0 20px 50px -15px #0000004d,inset 0 1px #ffffff1a;margin-bottom:var(--spacing-4)}.device-laptop-mini{max-width:100%}.device-laptop-mini .device-screen{border-radius:6px;overflow:hidden;min-height:280px}.device-laptop-mini .device-screen .message-preview{border-radius:0;min-height:280px}.device-laptop-mini:after{content:"";position:absolute;bottom:-12px;left:-20px;right:-20px;height:12px;background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:0 0 8px 8px;box-shadow:0 5px 15px #00000026}.device-laptop-mini .preview-card{margin:0;border-radius:0}.preview-card{border-radius:var(--radius-xl);padding:var(--spacing-6);margin-bottom:var(--spacing-4);min-height:200px}.preview-card[data-theme=soft-romance]{background:linear-gradient(135deg,#ffe4e6,#fecdd3);color:#9d174d}.preview-card[data-theme=playful-cute]{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.preview-card[data-theme=dark-cinematic]{background:linear-gradient(135deg,#1f2937,#374151);color:#f3f4f6}.preview-header{text-align:center;margin-bottom:var(--spacing-4)}.preview-to{font-weight:600;font-size:var(--font-size-lg)}.preview-chapters{margin-bottom:var(--spacing-4)}.preview-chapter{margin-bottom:var(--spacing-3)}.preview-chapter-title{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-1)}.preview-chapter-content{font-size:var(--font-size-sm);line-height:1.6;opacity:.9}.preview-footer{text-align:right}.preview-from{font-style:italic;font-size:var(--font-size-sm)}.preview-info{display:flex;flex-wrap:wrap;gap:var(--spacing-4)}.info-item{display:flex;flex-direction:column;gap:2px}.info-label{font-size:var(--font-size-xs);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-800);text-transform:capitalize}.payment-section{background:var(--color-white);border-radius:var(--radius-2xl);padding:var(--spacing-6);box-shadow:var(--shadow-md);display:flex;flex-direction:column}.payment-section h2{font-size:var(--font-size-lg);margin-bottom:var(--spacing-4)}.payment-summary{background:var(--color-gray-50);border-radius:var(--radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-4)}.summary-row{display:flex;justify-content:space-between;padding:var(--spacing-2) 0;font-size:var(--font-size-sm);color:var(--color-gray-600);text-transform:capitalize}.summary-total{border-top:1px solid var(--color-gray-200);margin-top:var(--spacing-2);padding-top:var(--spacing-3);font-weight:600;color:var(--color-gray-900)}.total-amount{font-size:var(--font-size-xl);color:var(--color-primary);display:flex;align-items:center;gap:var(--spacing-2)}.original-price{font-size:var(--font-size-sm);color:var(--color-gray-400);text-decoration:line-through}.promo-applied{color:var(--color-success)}.promo-discount{font-weight:600;color:var(--color-success)}.promo-code-section{margin-bottom:var(--spacing-4);padding:var(--spacing-4);background:var(--color-gray-50);border-radius:var(--radius-lg)}.promo-code-section h3{font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-3);color:var(--color-gray-700)}.promo-input-row{display:flex;gap:var(--spacing-2);align-items:flex-start}.promo-input-row .input-wrapper{flex:1}.promo-applied-row{display:flex;justify-content:space-between;align-items:center}.promo-tag{font-size:var(--font-size-sm);font-weight:600;color:var(--color-success);background:#22c55e1a;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-full)}.promo-remove{background:none;border:none;font-size:var(--font-size-sm);color:var(--color-gray-500);cursor:pointer;text-decoration:underline}.promo-remove:hover{color:var(--color-error)}.payment-features{margin-bottom:var(--spacing-6)}.feature{font-size:var(--font-size-sm);color:var(--color-gray-600);padding:var(--spacing-1) 0}.payment-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-lg);padding:var(--spacing-3);color:var(--color-error);font-size:var(--font-size-sm);margin-bottom:var(--spacing-4)}.tos-acceptance{margin-bottom:var(--spacing-3)}.tos-checkbox{display:flex;align-items:flex-start;gap:var(--spacing-3);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-gray-600)}.tos-checkbox input{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0;margin-top:2px}.tos-text a{color:var(--color-primary);text-decoration:underline}.tos-text a:hover{color:var(--color-primary-dark)}.tos-text.refund-text{font-weight:600;color:var(--color-gray-700)}.access-code-section{background:linear-gradient(135deg,var(--color-rose-50) 0%,var(--color-lavender-50) 100%);border:1px solid var(--color-rose-200);border-radius:var(--radius-xl);padding:var(--spacing-4);margin-bottom:var(--spacing-4)}.access-code-section h3{font-size:var(--font-size-base);font-weight:600;color:var(--color-gray-800);margin-bottom:var(--spacing-2)}.access-code-desc{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--spacing-3);line-height:1.5}.access-code-section input{text-transform:uppercase;font-family:var(--font-mono, monospace);font-size:var(--font-size-lg)!important;letter-spacing:.1em;text-align:center}.privacy-promise{text-align:center;font-size:var(--font-size-xs);color:var(--color-gray-500);margin-bottom:var(--spacing-4);padding:var(--spacing-2) var(--spacing-3);background:var(--color-gray-50);border-radius:var(--radius-md)}.payment-secure{text-align:center;font-size:var(--font-size-sm);color:var(--color-gray-500);margin-top:var(--spacing-4)}.edit-link{background:none;border:none;color:var(--color-gray-500);font-size:var(--font-size-sm);cursor:pointer;margin-top:var(--spacing-4);text-align:center;width:100%}.edit-link:hover{color:var(--color-gray-700)}@media (max-width: 768px){.payment-container{grid-template-columns:1fr}.device-frame{padding:8px 8px 20px;border-radius:10px 10px 4px 4px}.device-laptop-mini:after{bottom:-10px;left:-16px;right:-16px;height:10px}.preview-section,.preview-card{padding:var(--spacing-4)}}@keyframes spin{to{transform:rotate(360deg)}}.success-page{min-height:100vh;background:linear-gradient(135deg,#fdf2f8,#fce7f3,#fbcfe8);display:flex;align-items:center;justify-content:center;padding:var(--spacing-8) var(--spacing-4)}.success-loading{text-align:center;color:#be185d}.heart-pulse{font-size:64px;animation:pulse 1.5s ease-in-out infinite;margin-bottom:var(--spacing-4)}.success-loading h2{color:#9d174d;margin-bottom:var(--spacing-2)}.success-loading p{color:#be185d;opacity:.8}.success-error{text-align:center;background:var(--color-white);padding:var(--spacing-8);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl)}.success-error .error-icon{font-size:48px;margin-bottom:var(--spacing-4)}.success-error h2{margin-bottom:var(--spacing-2)}.success-error p{color:var(--color-gray-500);margin-bottom:var(--spacing-6)}.success-container{background:var(--color-white);border-radius:var(--radius-2xl);padding:var(--spacing-8);max-width:500px;width:100%;box-shadow:0 25px 50px -12px #f43f5e40;text-align:center}.success-header{margin-bottom:var(--spacing-6)}.success-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#fce7f3,#fbcfe8);border-radius:50%;margin-bottom:var(--spacing-4);color:#ec4899}.success-container h1{font-size:var(--font-size-2xl);color:#9d174d;margin-bottom:var(--spacing-2)}.success-subtitle{color:#be185d;margin-bottom:var(--spacing-4)}.reminder-box{display:flex;align-items:flex-start;gap:var(--spacing-3);background:linear-gradient(135deg,#fdf2f8,#fce7f3);border:1px solid #f9a8d4;border-radius:var(--radius-xl);padding:var(--spacing-4);margin-bottom:var(--spacing-6);text-align:left}.reminder-icon{flex-shrink:0;font-size:1.5rem}.reminder-content strong{display:block;color:#9d174d;margin-bottom:var(--spacing-1);font-size:var(--font-size-sm)}.reminder-content p{font-size:var(--font-size-sm);color:#be185d;margin:0;opacity:.9}.link-box{background:linear-gradient(135deg,#fdf2f8,#fce7f3);border-radius:var(--radius-xl);padding:var(--spacing-4);margin-bottom:var(--spacing-6)}.link-label{display:block;font-size:var(--font-size-sm);font-weight:500;color:#9d174d;margin-bottom:var(--spacing-2);text-align:left}.link-display{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-3);margin-bottom:var(--spacing-3);overflow:hidden}.link-text{font-family:monospace;font-size:var(--font-size-sm);color:#ec4899;word-break:break-all}.link-actions{display:flex;gap:var(--spacing-2);justify-content:center}.access-code-box{background:linear-gradient(135deg,#f43f5e1a,#ec489926);border:2px dashed #f472b6;border-radius:var(--radius-xl);padding:var(--spacing-5);margin-bottom:var(--spacing-6);text-align:center}.access-code-header{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);color:#9d174d;font-weight:600;margin-bottom:var(--spacing-3)}.access-code-value{font-family:SF Mono,Monaco,Consolas,monospace;font-size:2rem;font-weight:700;letter-spacing:.25em;color:#ec4899;background:#fff;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);display:inline-block;margin-bottom:var(--spacing-3);border:1px solid #fce7f3}.access-code-hint{font-size:var(--font-size-sm);color:#be185d;margin:0}.access-code-hint a{color:#ec4899;text-decoration:underline}.access-code-hint a:hover{color:#be185d}.status-card{background:var(--color-gray-50);border-radius:var(--radius-xl);padding:var(--spacing-4);margin-bottom:var(--spacing-6);text-align:left}.status-card h3{font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-600);margin-bottom:var(--spacing-3)}.status-items{display:flex;flex-direction:column;gap:var(--spacing-2)}.status-item{display:flex;align-items:center;gap:var(--spacing-2)}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--color-gray-300)}.status-dot.status-active{background:var(--color-success)}.status-label{font-size:var(--font-size-sm);color:var(--color-gray-600)}.response-yes{color:var(--color-success)}.response-pending{color:var(--color-warning)}.success-footer{padding-top:var(--spacing-4);border-top:1px solid #fce7f3}.footer-links{display:flex;justify-content:center;gap:var(--spacing-3);margin-top:var(--spacing-3)}.footer-links a{color:var(--color-gray-400);font-size:var(--font-size-xs);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--color-rose-500)}.footer-links span{color:var(--color-gray-300);font-size:var(--font-size-xs)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.status-page{min-height:100vh;background:var(--color-gradient-warm);display:flex;align-items:center;justify-content:center;padding:var(--spacing-8) var(--spacing-4)}.status-container{background:var(--color-white);border-radius:var(--radius-3xl);padding:var(--spacing-10);max-width:480px;width:100%;box-shadow:0 25px 50px -12px #f43f5e33}.status-header{text-align:center;margin-bottom:var(--spacing-8);position:relative}.status-header .back-link{position:absolute;left:0;top:0;display:flex;align-items:center;gap:var(--spacing-1);color:var(--color-gray-500);font-size:var(--font-size-sm);text-decoration:none;transition:color .2s}.status-header .back-link:hover{color:var(--color-rose-500)}.status-header h1{font-family:var(--font-display);font-size:var(--font-size-2xl);color:var(--color-gray-800);margin-bottom:var(--spacing-2)}.status-header p{color:var(--color-gray-500);font-size:var(--font-size-base)}.code-form{margin-bottom:var(--spacing-6)}.code-input-wrapper{margin-bottom:var(--spacing-4)}.code-input-wrapper input{text-align:center;font-size:var(--font-size-2xl)!important;font-family:var(--font-display);letter-spacing:.3em;padding:var(--spacing-4)!important}.status-error{background:#fef2f2;color:#dc2626;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);margin-bottom:var(--spacing-4);text-align:center}.status-results{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-card{background:linear-gradient(135deg,var(--color-rose-50) 0%,var(--color-lavender-50) 100%);border-radius:var(--radius-2xl);padding:var(--spacing-6);margin-bottom:var(--spacing-6)}.result-card h3{font-family:var(--font-display);font-size:var(--font-size-lg);color:var(--color-gray-800);margin-bottom:var(--spacing-4);text-align:center}.result-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) 0;border-bottom:1px solid rgba(0,0,0,.05)}.result-item:last-child{border-bottom:none}.result-label{font-size:var(--font-size-sm);color:var(--color-gray-600)}.result-value{font-weight:600;color:var(--color-gray-800)}.result-value.opened{color:#059669}.result-value.not-opened{color:var(--color-gray-500)}.result-value.pending{color:#d97706;font-style:italic}.response-section{flex-direction:column;align-items:stretch;gap:var(--spacing-3)}.response-display{text-align:center;font-size:var(--font-size-xl);font-weight:700;padding:var(--spacing-4);border-radius:var(--radius-xl)}.response-display.positive{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.response-display.neutral{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.response-display.negative{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.link-recovery{background:var(--color-white);border:2px solid var(--color-rose-200);border-radius:var(--radius-xl);padding:var(--spacing-4)}.link-recovery h4{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:var(--spacing-2)}.link-box{display:flex;gap:var(--spacing-2);align-items:center}.link-box .link-text{flex:1;font-size:var(--font-size-xs);color:var(--color-gray-600);background:var(--color-gray-50);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-warning{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-top:var(--spacing-2);text-align:center}.status-footer{text-align:center;margin-top:var(--spacing-6);padding-top:var(--spacing-6);border-top:1px solid var(--color-gray-100)}.create-link{color:var(--color-rose-500);font-weight:600;text-decoration:none;transition:color .2s}.create-link:hover{color:var(--color-rose-600)}@media (max-width: 480px){.status-container{padding:var(--spacing-6);border-radius:var(--radius-2xl)}.status-header h1{font-size:var(--font-size-xl)}.code-input-wrapper input{font-size:var(--font-size-xl)!important;letter-spacing:.2em;padding:var(--spacing-3)!important}.result-card{padding:var(--spacing-4)}.result-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-1)}.link-box{flex-direction:column;align-items:stretch}.link-box .link-text{font-size:var(--font-size-xs);word-break:break-all;white-space:normal}}.legal-page{min-height:100vh;background:linear-gradient(180deg,var(--color-rose-50) 0%,var(--color-white) 100%);padding:var(--spacing-8) var(--spacing-4)}.legal-container{max-width:720px;margin:0 auto;background:var(--color-white);border-radius:var(--radius-2xl);padding:var(--spacing-10);box-shadow:0 4px 24px #0000000f}.legal-container .back-link{display:inline-block;color:var(--color-rose-500);text-decoration:none;font-size:var(--font-size-sm);margin-bottom:var(--spacing-6);transition:color .2s}.legal-container .back-link:hover{color:var(--color-rose-600)}.legal-container h1{font-family:var(--font-display);font-size:var(--font-size-3xl);color:var(--color-gray-800);margin-bottom:var(--spacing-2)}.legal-container .last-updated{color:var(--color-gray-400);font-size:var(--font-size-sm);margin-bottom:var(--spacing-8)}.legal-container section{margin-bottom:var(--spacing-8)}.legal-container h2{font-family:var(--font-display);font-size:var(--font-size-xl);color:var(--color-gray-800);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-2);border-bottom:2px solid var(--color-rose-100)}.legal-container p{color:var(--color-gray-600);line-height:1.7;margin-bottom:var(--spacing-4)}.legal-container ul,.legal-container ol{color:var(--color-gray-600);line-height:1.7;margin-bottom:var(--spacing-4);padding-left:var(--spacing-6)}.legal-container li{margin-bottom:var(--spacing-2)}.legal-container a{color:var(--color-rose-500);text-decoration:underline}.legal-container a:hover{color:var(--color-rose-600)}.privacy-promise{background:linear-gradient(135deg,var(--color-rose-50) 0%,var(--color-lavender-50) 100%);border-radius:var(--radius-xl);padding:var(--spacing-6);margin-bottom:var(--spacing-8);text-align:center}.privacy-promise h2{border-bottom:none;padding-bottom:0;margin-bottom:var(--spacing-3)}.privacy-promise .highlight{font-size:var(--font-size-lg);color:var(--color-gray-700);margin-bottom:0}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4)}.info-item{background:var(--color-gray-50);border-radius:var(--radius-lg);padding:var(--spacing-4)}.info-item h3{font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-800);margin-bottom:var(--spacing-2)}.info-item p{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:0}.dont-list{list-style:none;padding-left:0}.dont-list li{position:relative;padding-left:var(--spacing-6)}.dont-list li:before{content:"✕";position:absolute;left:0;color:#dc2626;font-weight:700}.lifecycle{list-style:none;padding-left:0;counter-reset:lifecycle}.lifecycle li{display:flex;flex-direction:column;position:relative;padding-left:var(--spacing-10);padding-bottom:var(--spacing-4);margin-bottom:var(--spacing-4);border-left:2px solid var(--color-rose-200)}.lifecycle li:last-child{border-left-color:transparent;margin-bottom:0}.lifecycle li:before{counter-increment:lifecycle;content:counter(lifecycle);position:absolute;left:-11px;width:20px;height:20px;background:var(--color-rose-500);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:600}.lifecycle li strong{color:var(--color-gray-800);margin-bottom:var(--spacing-1)}.lifecycle li span{font-size:var(--font-size-sm);color:var(--color-gray-500)}.legal-footer{display:flex;justify-content:center;gap:var(--spacing-4);padding-top:var(--spacing-8);margin-top:var(--spacing-8);border-top:1px solid var(--color-gray-100)}.legal-footer a{color:var(--color-gray-500);text-decoration:none;font-size:var(--font-size-sm)}.legal-footer a:hover{color:var(--color-rose-500)}.legal-footer span{color:var(--color-gray-300)}.contact-form{margin-top:var(--spacing-6)}.contact-form .form-input,.contact-form .form-textarea{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:var(--font-size-base);transition:border-color .2s,box-shadow .2s;font-family:inherit}.contact-form .form-input:focus,.contact-form .form-textarea:focus{outline:none;border-color:var(--color-rose-400);box-shadow:0 0 0 3px #f43f5e1a}.contact-form .form-textarea{resize:vertical;min-height:120px}.contact-form .field-description{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--spacing-2)}.contact-form .char-count{text-align:right;font-size:var(--font-size-xs);color:var(--color-gray-400);margin-top:var(--spacing-1)}.contact-form .submit-btn{width:100%;padding:var(--spacing-4);background:linear-gradient(135deg,var(--color-rose-500),var(--color-rose-600));color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-lg);font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:var(--spacing-4)}.contact-form .submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #f43f5e4d}.contact-form .submit-btn:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4)}.success-message{text-align:center;padding:var(--spacing-8)}.success-message h2{color:#16a34a;border:none}.success-message .back-home-btn{display:inline-block;margin-top:var(--spacing-6);padding:var(--spacing-3) var(--spacing-6);background:var(--color-rose-500);color:#fff;text-decoration:none;border-radius:var(--radius-lg)}.contact-note{margin-top:var(--spacing-8);padding:var(--spacing-4);background:var(--color-gray-50);border-radius:var(--radius-lg)}.contact-note h2{font-size:var(--font-size-lg);border:none;padding:0;margin-bottom:var(--spacing-3)}.not-found-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:var(--spacing-8) var(--spacing-4)}.not-found-content{background:var(--color-white);border-radius:var(--radius-2xl);padding:var(--spacing-10);text-align:center;max-width:400px;box-shadow:var(--shadow-xl)}.not-found-icon{font-size:64px;margin-bottom:var(--spacing-4)}.not-found-content h1{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-2)}.not-found-content p{color:var(--color-gray-500);margin-bottom:var(--spacing-6)}:root{--color-rose-50: #fff1f2;--color-rose-100: #ffe4e6;--color-rose-200: #fecdd3;--color-rose-300: #fda4af;--color-rose-400: #fb7185;--color-rose-500: #f43f5e;--color-rose-600: #e11d48;--color-peach-50: #fff7ed;--color-peach-100: #ffedd5;--color-peach-200: #fed7aa;--color-peach-300: #fdba74;--color-peach-400: #fb923c;--color-lavender-50: #faf5ff;--color-lavender-100: #f3e8ff;--color-lavender-200: #e9d5ff;--color-lavender-300: #d8b4fe;--color-lavender-400: #c084fc;--color-cream-50: #fffbf5;--color-cream-100: #fff7ed;--color-cream-200: #fef3e2;--color-primary: #f43f5e;--color-primary-light: #fb7185;--color-primary-dark: #e11d48;--color-primary-soft: rgba(244, 63, 94, .1);--color-secondary: #c084fc;--color-secondary-light: #d8b4fe;--color-gradient: linear-gradient(135deg, #fda4af 0%, #f472b6 35%, #c084fc 100%);--color-gradient-soft: linear-gradient(135deg, #fff1f2 0%, #fce7f3 50%, #faf5ff 100%);--color-gradient-warm: linear-gradient(135deg, #fff7ed 0%, #fff1f2 50%, #faf5ff 100%);--color-white: #ffffff;--color-gray-50: #fdfcfb;--color-gray-100: #f7f5f3;--color-gray-200: #ede9e5;--color-gray-300: #ddd6d0;--color-gray-400: #b8ada3;--color-gray-500: #8c7f73;--color-gray-600: #6b5e52;--color-gray-700: #4a403a;--color-gray-800: #302925;--color-gray-900: #1c1816;--color-success: #10b981;--color-error: #ef4444;--color-warning: #f59e0b;--font-display: "Playfair Display", Georgia, serif;--font-body: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.75rem;--font-size-5xl: 3.5rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(244, 63, 94, .04), 0 1px 2px rgba(0, 0, 0, .02);--shadow-md: 0 4px 12px rgba(244, 63, 94, .08), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 32px rgba(244, 63, 94, .12), 0 4px 8px rgba(0, 0, 0, .04);--shadow-xl: 0 24px 48px rgba(244, 63, 94, .15), 0 8px 16px rgba(0, 0, 0, .05);--shadow-glow: 0 0 40px rgba(244, 63, 94, .2);--shadow-soft: 0 8px 30px rgba(0, 0, 0, .05);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--font-size-base);font-weight:400;line-height:1.7;color:var(--color-gray-700);background:var(--color-gradient-warm);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.3;color:var(--color-gray-800);letter-spacing:-.01em}h1{font-size:var(--font-size-5xl);font-weight:700;line-height:1.15}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-4);color:var(--color-gray-600)}a{color:var(--color-primary);text-decoration:none;transition:all var(--transition-fast)}a:hover{color:var(--color-primary-dark)}input,textarea,select{font-family:var(--font-body);font-size:var(--font-size-base)}button{font-family:var(--font-body);cursor:pointer}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-6)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-sm{font-size:var(--font-size-sm)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.gradient-text{background:var(--color-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);box-shadow:var(--shadow-lg)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}75%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow{0%,to{box-shadow:0 0 20px #f43f5e4d}50%{box-shadow:0 0 40px #f43f5e80}}.animate-fadeIn{animation:fadeIn .5s ease-out}.animate-slideUp{animation:slideUp .6s ease-out}.animate-pulse{animation:pulse 3s ease-in-out infinite}.animate-float{animation:float 6s ease-in-out infinite}.animate-heartbeat{animation:heartbeat 1.5s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}@media (max-width: 768px){:root{--font-size-5xl: 2.5rem;--font-size-4xl: 2rem;--font-size-3xl: 1.5rem;--font-size-2xl: 1.25rem}.container{padding:0 var(--spacing-4)}}:focus-visible{outline:3px solid var(--color-primary-light);outline-offset:2px;border-radius:var(--radius-md)}::selection{background:var(--color-rose-200);color:var(--color-gray-800)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-rose-50)}::-webkit-scrollbar-thumb{background:var(--color-rose-200);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-rose-300)}