:root{--color-aqua-blue:#b8e6e6;--color-aqua-blue-dark:#8fcbcb;--color-aqua-blue-light:#d8f0f0;--color-aqua-blue-soft:#c5e8e8;--color-beach-sand:#f7e8c8;--color-beach-sand-dark:#e8d4a8;--color-beach-sand-light:#faf2e0;--color-beach-sand-warm:#f5e5c5;--color-orange:#f4a261;--color-orange-dark:#e76f51;--color-orange-light:#f6b47a;--color-terracotta:#c2703a;--color-terracotta-light:#e8a97e;--color-terracotta-dark:#a85e30;--color-warm-brown:#3d2b1f;--color-warm-brown-light:#5a4a3f;--color-warm-brown-dark:#2a1d14;--color-warm-brown-muted:#6d5e54;--color-white:#fff;--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-gray-200:#e5e5e5;--color-gray-300:#d4d4d4;--color-gray-400:#a3a3a3;--color-gray-500:#737373;--color-gray-600:#525252;--color-gray-700:#404040;--color-gray-800:#262626;--color-gray-900:#171717;--color-black:#000;--color-success:#10b981;--color-success-light:#d1fae5;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-error:#ef4444;--color-error-light:#fee2e2;--color-info:#3b82f6;--color-info-light:#dbeafe;--color-text-primary:#1a1a1a;--color-text-secondary:#4b5563;--color-text-tertiary:#6b7280;--color-text-disabled:#9ca3af;--color-text-inverse:#fff;--color-border-soft:#e8dcc0;--color-border-light:#f1e3d1;--color-border-medium:#d4c5a9;--color-border-dark:#b8a888;--color-bg-primary:#fff;--color-bg-secondary:#fffbf7;--color-bg-tertiary:#fff5eb;--color-bg-overlay:#0009;--gradient-warm-beach:linear-gradient(135deg,#f7e8c8,#faf2e0 50%,#d8f0f0);--gradient-aqua:linear-gradient(135deg,#b8e6e6,#8fcbcb);--gradient-sand:linear-gradient(135deg,#f7e8c8,#e8d4a8);--gradient-orange:linear-gradient(135deg,#f4a261,#e76f51);--gradient-hero:linear-gradient(180deg,#fff5eb,#fffbf7 50%,#fff);--gradient-cream:linear-gradient(180deg,#fff5eb,#fbf8f4 40%,#f5efe8);--gradient-warm-section:linear-gradient(180deg,#f5efe8,#fbf8f4);--gradient-terracotta:linear-gradient(135deg,#c2703a,#e8a97e);--gradient-final-cta:linear-gradient(180deg,#3d2b1f,#2a1d14);--shadow-dark:#0000001a;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--spacing-4xl:80px;--spacing-5xl:96px;--section-padding-mobile:56px 0;--section-padding-desktop:88px 0;--font-primary:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--font-serif:"Source Serif 4",Georgia,"Times New Roman",serif;--font-sans:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--font-size-4xl:36px;--font-size-5xl:48px;--font-size-6xl:60px;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.2;--line-height-snug:1.4;--line-height-normal:1.5;--line-height-relaxed:1.6;--line-height-loose:1.8;--letter-spacing-tight:-0.035em;--letter-spacing-snug:-0.015em;--letter-spacing-normal:0;--letter-spacing-wide:0.01em;--letter-spacing-wider:0.05em;--border-width-thin:1px;--border-width-medium:2px;--border-width-thick:3px;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:20px;--border-radius-2xl:24px;--border-radius-full:9999px;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001a;--shadow-xl:0 12px 40px #0000001f;--shadow-2xl:0 24px 48px #00000026;--shadow-aqua-sm:0 4px 15px #8fcbcb4d;--shadow-aqua-md:0 6px 20px #8fcbcb66;--shadow-aqua-lg:0 8px 30px #8fcbcb66;--shadow-sand-sm:0 4px 15px #e8d4a84d;--shadow-sand-md:0 6px 20px #e8d4a866;--shadow-sand-lg:0 8px 30px #e8d4a866;--shadow-focus-aqua:0 0 0 4px #b8e6e64d;--shadow-focus-orange:0 0 0 4px #f4a2614d;--transition-slower:400ms ease;--transition-all:all 200ms ease;--transition-colors:color 200ms ease,background-color 200ms ease,border-color 200ms ease;--transition-transform:transform 300ms ease;--transition-opacity:opacity 200ms ease;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:900;--z-modal:1000;--z-popover:1100;--z-tooltip:1200;--container-xs:480px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1200px;--container-2xl:1440px;--animation-duration-fast:150ms;--animation-duration-base:300ms;--animation-duration-slow:500ms;--animation-timing-linear:linear;--animation-timing-ease:ease;--animation-timing-ease-in:ease-in;--animation-timing-ease-out:ease-out;--animation-timing-ease-in-out:ease-in-out;--animation-timing-spring:cubic-bezier(0.2,0.8,0.2,1)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-tertiary{background-color:var(--color-bg-tertiary)}.gradient-warm-beach{background:var(--gradient-warm-beach)}.gradient-aqua{background:var(--gradient-aqua)}.gradient-sand{background:var(--gradient-sand)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded-md{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.rounded-full{border-radius:var(--border-radius-full)}.transition-all{transition:var(--transition-all)}.transition-colors{transition:var(--transition-colors)}.transition-transform{transition:var(--transition-transform)}:root{--brand-primary:#feca57;--brand-secondary:#f4a261;--brand-accent:#6366f1;--brand-coral:#e76f51;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#1a1a1a;--success:#10b981;--warning:#fbbf24;--error:#ef4444;--error-dark:#dc2626;--info:#3b82f6;--text-primary:var(--gray-900);--text-secondary:var(--gray-700);--text-tertiary:var(--gray-500);--text-on-dark:#fff;--text-on-primary:var(--gray-900);--bg-primary:#fff;--bg-secondary:var(--gray-50);--bg-tertiary:var(--gray-100);--bg-sand:#f7e8c8;--bg-sand-light:#faf2e0;--aqua-blue:#b8e6e6;--aqua-blue-dark:#8fcbcb;--aqua-blue-light:#d8f0f0;--aqua-blue-soft:#c5e8e8;--beach-sand:#f7e8c8;--beach-sand-dark:#e8d4a8;--beach-sand-light:#faf2e0;--beach-sand-warm:#f5e5c5;--white:#fff;--border-soft:#e8dcc0;--background-blend:linear-gradient(135deg,#f7e8c8,#faf2e0 50%,#d8f0f0);--shadow-color:#d4c4a040;--shadow-aqua:#c5e8e84d;--shadow-sand:#e8d4a866;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"SF Mono","Monaco","Courier New",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--border-width:1px;--border-width-thick:2px;--border-color:var(--gray-300);--border-color-dark:var(--gray-400);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--primary-color:var(--brand-primary);--secondary-color:var(--brand-secondary);--accent-color:var(--brand-accent);--success-color:var(--success);--warning-color:var(--warning);--error-color:var(--error);--background-primary:var(--bg-sand);--background-secondary:var(--bg-primary)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:var(--text-primary);background-color:var(--background-primary);font-weight:400;letter-spacing:-.011em}#root>*{animation:globalPageTransition .35s cubic-bezier(.4,0,.2,1)}@keyframes globalPageTransition{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}h1,h2,h3,h4,h5,h6{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.2;margin-bottom:.75rem;letter-spacing:-.035em;color:var(--text-primary);text-shadow:0 1px 2px #1a1a1a0d}h1{font-size:3rem;font-weight:800}h2{font-size:2.5rem;font-weight:700}h3{font-size:2rem}h3,h4{font-weight:600}h4{font-size:1.75rem}h5{font-size:1.5rem;font-weight:600}h6{font-size:1.25rem;font-weight:500}@media (max-width:768px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1.125rem}}p{margin-bottom:1rem;color:var(--text-primary);text-shadow:0 1px 2px #1a1a1a08;font-size:1rem;line-height:1.7;letter-spacing:-.011em}a{color:var(--aqua-blue-dark);text-decoration:none;transition:color .2s ease}a:hover{color:var(--aqua-blue);text-decoration:underline}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit}.btn{padding:.875rem 1.75rem;border-radius:.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;border:2px solid #0000;font-size:.875rem;letter-spacing:-.011em}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#0000,#fff3,#0000);transition:left .5s}.btn:hover:before{left:100%}.btn-primary{text-shadow:0 1px 2px #1a1a1a1a}.btn-primary:hover{border-color:var(--aqua-blue-dark)}.btn-primary:active{box-shadow:0 2px 10px #b8e6e666}.btn-primary:focus-visible{outline:2px solid var(--aqua-blue-dark);outline-offset:2px}.btn-secondary:hover{border-color:var(--beach-sand)}.btn-secondary:active{transform:translateY(0);box-shadow:0 2px 10px #e8d4a866}.btn-secondary:focus-visible{outline:2px solid var(--beach-sand-dark);outline-offset:2px}.btn-success{border-color:#28a745;box-shadow:0 4px 15px #28a74566}.btn-success:hover{background:linear-gradient(135deg,#218838,#1ea085);border-color:#218838;transform:translateY(-2px);box-shadow:0 8px 25px #28a74599}.btn-danger{background:linear-gradient(135deg,#dc3545,#e83e8c);border-color:#dc3545;box-shadow:0 4px 15px #dc354566}.btn-danger:hover{background:linear-gradient(135deg,#c82333,#d63384);border-color:#c82333;box-shadow:0 8px 25px #dc354599}.btn-outline{background:#0000;border-color:#feca57;color:#feca57}.btn-outline:hover{background:#feca57;color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.btn-lg{border-radius:.75rem}.btn-sm{padding:.625rem 1.25rem;border-radius:.375rem}input,select,textarea{font-family:inherit;font-size:inherit;padding:1rem;border:2px solid #e9ecef;border-radius:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);background-color:#fff;font-size:1rem;line-height:1.5}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--aqua-blue);box-shadow:0 0 0 .25rem var(--shadow-aqua);transform:translateY(-1px)}input:hover,select:hover,textarea:hover{border-color:#adb5bd}.form-control{position:relative;margin-bottom:1.5rem}.form-label{color:var(--text-primary)}.form-control.error input,.form-control.error select,.form-control.error textarea{border-color:#dc3545;box-shadow:0 0 0 .25rem #dc354526}.form-control.success input,.form-control.success select,.form-control.success textarea{border-color:#28a745;box-shadow:0 0 0 .25rem #28a74526}.form-error{color:#dc3545}.form-help,.form-help-text{margin-top:.5rem}.form-help-text{color:#ffffffb3;font-size:.875rem;font-weight:400;line-height:1.5;transition:color .2s ease}.form-help-text:hover{color:#ffffffe6}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.p-5{padding:3rem}@media (max-width:768px){html{font-size:14px}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}}*{color:var(--text-primary)!important}.btn-primary,.btn-primary *{color:var(--white)!important}.btn-outline,.btn-outline *,.btn-secondary,.btn-secondary *{color:var(--text-primary)!important}h1,h2,h3,h4,h5,h6{text-shadow:0 2px 4px #1a1a1a1a;font-weight:700}div,input,label,p,select,span,textarea{color:var(--text-primary)!important;text-shadow:0 1px 2px #1a1a1a0d}[style*=linear-gradient] h1,[style*=linear-gradient] h2,[style*=linear-gradient] h3,[style*=linear-gradient] h4,[style*=linear-gradient] h5,[style*=linear-gradient] h6,h1,h2,h3,h4,h5,h6{background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:unset!important;background-clip:unset!important;color:var(--text-primary)!important}*{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}div,h1,h2,h3,h4,h5,h6,input,p,span,textarea{-webkit-user-select:text;user-select:text}.App{text-align:center;min-height:100vh;display:flex;flex-direction:column}.container{padding:0 20px}.text-center{text-align:center}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.p-4{padding:1rem}.btn{border-radius:5px}.btn-primary{border:2px solid var(--aqua-blue);box-shadow:0 4px 15px #b8e6e666}.btn-primary:hover{background:linear-gradient(135deg,var(--aqua-blue-dark) 0,var(--aqua-blue) 100%);box-shadow:0 8px 25px #b8e6e699}.btn-secondary{border:2px solid var(--beach-sand-dark)}.btn-secondary:hover{background:linear-gradient(135deg,var(--beach-sand) 0,var(--beach-sand-light) 100%);box-shadow:0 8px 25px #e8d4a899}.form-group{margin-bottom:1rem}.form-control{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}.form-control:focus{outline:none;border-color:var(--aqua-blue);box-shadow:0 0 0 2px #b8e6e666}.card{background:var(--beach-sand-light);border-radius:16px;box-shadow:0 8px 32px var(--shadow-color);padding:24px;margin-bottom:24px;border:2px solid var(--border-soft);transition:all .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 15px 50px var(--shadow-aqua);border-color:var(--aqua-blue-soft);background:var(--beach-sand-warm)}@media (max-width:768px){.container{padding:0 15px}.btn{width:100%;margin-bottom:10px}}.btn{border:1px solid #0000;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-primary{background:linear-gradient(135deg,var(--aqua-blue) 0,var(--aqua-blue-dark) 100%);border-color:var(--aqua-blue);color:var(--white);box-shadow:0 4px 16px var(--shadow-aqua)}.btn-primary:hover:not(:disabled){border-color:var(--aqua-blue-dark);box-shadow:0 8px 25px var(--shadow-aqua)}.btn-secondary{background:linear-gradient(135deg,var(--beach-sand-dark) 0,var(--beach-sand) 100%);border-color:var(--beach-sand-dark);box-shadow:0 4px 16px var(--shadow-color)}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,var(--beach-sand) 0,var(--beach-sand-light) 100%);border-color:var(--beach-sand);transform:translateY(-2px);box-shadow:0 8px 25px var(--shadow-color)}.btn-success{background:linear-gradient(135deg,#28a745,#20c997);border-color:#fff3;color:#fff;box-shadow:0 4px 16px #28a7454d}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#218838,#1ea085);border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 8px 25px #28a74566}.btn-danger{background:linear-gradient(135deg,var(--error) 0,#e83e8c 100%);border-color:#fff3;box-shadow:0 4px 16px #dc35454d}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#d63384);border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 8px 25px #dc354566}.btn-outline{background:var(--beach-sand-light);border-color:var(--border-soft);color:var(--text-primary);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.btn-outline:hover:not(:disabled){background:var(--beach-sand-warm);border-color:var(--aqua-blue-soft);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 8px 25px var(--shadow-color)}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem;border-radius:16px}.btn-small{padding:.375rem .75rem;font-size:.8rem;border-radius:6px}.audio-controls .btn:active{transform:translateY(1px)}.audio-controls .btn{padding:0 1.5rem}.audio-controls .btn:focus{outline:none;box-shadow:0 0 0 3px #667eea66,0 8px 24px #667eea4d}.audio-controls .btn:disabled{opacity:.6;cursor:not-allowed;transform:none;filter:grayscale(.5)}.audio-controls .btn:disabled:hover{transform:none;box-shadow:none}.audio-controls .btn:first-child:hover{transform:translateY(-3px) scale(1.02)}.audio-controls .btn{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.2}.storyteller-management-section{margin-bottom:3rem;position:relative}.storyteller-management-section .section-header{margin-bottom:2rem;text-align:center}.storyteller-management-section .section-header h2{font-size:2.5rem;font-weight:700;margin:0 0 1rem;background:linear-gradient(135deg,#fff,var(--brand-primary));-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text}.storyteller-management-section .section-header p{font-size:1.125rem;color:#fffc;margin:0;font-weight:400;line-height:1.6}.storyteller-management-content{display:flex;flex-direction:column;gap:2rem}.current-storytellers h3,.link-storyteller-section h3{margin-bottom:1.5rem;color:#fff;font-size:1.5rem;font-weight:600}.storytellers-list{display:flex;flex-direction:column;gap:1.5rem}.storyteller-item{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff3;border-radius:20px;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center}.storyteller-item:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0003;border-color:#fff6;background:#ffffff26}.storyteller-info{flex-direction:column;gap:.5rem}.storyteller-name{font-size:1.25rem;margin:0}.storyteller-code{font-family:monospace}.storyteller-actions{gap:.75rem}.storyteller-actions .btn{padding:.75rem 1rem;border-radius:12px;font-size:.875rem;font-weight:500;min-width:120px}.link-storyteller-section{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff3;border-radius:20px;padding:2rem;position:relative;overflow:hidden}.help-text{margin-bottom:1.5rem;color:#fffc;font-size:1rem;line-height:1.6}.link-storyteller-form{display:flex;gap:1rem;align-items:center}.form-input{flex:1 1;padding:1rem 1.5rem;border:1px solid #ffffff4d}.form-input:focus{border-color:#ffffff80;box-shadow:0 0 0 3px #ffffff1a}.empty-state{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;margin:2rem 0}.empty-state h3{font-size:1.5rem;margin:0 0 1rem}.empty-state p{color:#ffffffb3;line-height:1.6}.form-label{margin-bottom:.5rem;font-weight:500;color:#333}.form-input{padding:.75rem;border:1px solid #ced4da;border-radius:.375rem;transition:border-color .2s ease,box-shadow .2s ease;background-color:#fff}.form-input:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.form-input.error{border-color:var(--error)}.form-input.success{border-color:#28a745}.form-error{color:var(--error);margin-top:.25rem}.form-help{color:#6c757d;font-size:.875rem;margin-top:.25rem}.card{background-color:#fff;border:1px solid #e9ecef;border-radius:.5rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075)}.card-header{padding:1.5rem;border-bottom:1px solid #e9ecef;background-color:#f8f9fa}.card-title{font-size:1.25rem;font-weight:600;color:#333}.card-body,.card-footer{padding:1.5rem}.card-footer{border-top:1px solid #e9ecef;background-color:#f8f9fa}.alert{padding:1rem;border-radius:.375rem;margin-bottom:1rem;border:1px solid #0000}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeaa7}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.badge{display:inline-block;padding:.25rem .5rem;font-size:.75rem;font-weight:600;line-height:1;text-align:center;white-space:nowrap;vertical-align:initial;border-radius:.25rem}.badge-primary{background-color:#007bff;color:#fff}.badge-secondary{background-color:#6c757d;color:#fff}.badge-success{background-color:#28a745;color:#fff}.badge-danger{background-color:var(--error);color:#fff}.badge-warning{background-color:var(--warning);color:#212529}.badge-info{background-color:#17a2b8;color:#fff}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1050;opacity:0;visibility:hidden;transition:all .3s ease}.modal.show{opacity:1;visibility:visible}.modal-dialog{background-color:#fff;border-radius:.5rem;box-shadow:0 .5rem 1rem #00000026;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{padding:1.5rem;border-bottom:1px solid #e9ecef}.modal-title{font-size:1.25rem}.modal-close{color:#6c757d;padding:0;line-height:1}.modal-close:hover{color:#333}.modal-body,.modal-footer{padding:1.5rem}.modal-footer{border-top:1px solid #e9ecef;gap:.5rem}.spinner{display:inline-block;border:2px solid #f3f3f3;border-top-color:#007bff}@media (max-width:768px){.btn{padding:.625rem 1.25rem;font-size:.875rem}.card-body,.card-footer,.card-header{padding:1rem}.modal-dialog{width:95%;margin:1rem}}.stories-section{margin:1rem 0;padding:0 .5rem}.section-header{margin-bottom:1.5rem;animation:fadeInUp .8s ease-out}.header-text{text-align:left;flex:1 1}.refresh-btn{flex-shrink:0;padding:.5rem 1rem;font-size:.9rem;border-radius:8px}.refresh-btn:hover{transform:rotate(180deg)}.section-header h2{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text;margin-bottom:.25rem;text-shadow:0 4px 8px #0000004d;letter-spacing:-.02em;text-align:center}.section-header p{font-size:.9rem;color:#e0e0e0;margin:0;font-weight:400;opacity:.9;text-align:center}.storyteller-stories-container{display:flex;flex-direction:column;gap:1rem;animation:fadeInUp .8s ease-out .2s both}.storyteller-stories-group{background:linear-gradient(135deg,#ffffff1f,#ffffff14);border-radius:16px;padding:1rem;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid #ffffff2e;box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014,inset 0 1px 0 #ffffff1a;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.storyteller-stories-group:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--brand-primary),var(--error),#f093fb,var(--brand-primary));background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}.storyteller-stories-group:hover{transform:translateY(-6px);box-shadow:0 20px 60px #00000026,0 8px 24px #0000001a,inset 0 1px 0 #ffffff26;border-color:#ffffff40}.storyteller-header{margin-bottom:1rem;animation:fadeInUp .6s ease-out .4s both}.storyteller-name{font-size:1.3rem;font-weight:700;text-shadow:0 2px 4px #0000004d;letter-spacing:-.01em}.storyteller-stats{display:flex;align-items:center;gap:.75rem}.story-count{background:linear-gradient(135deg,var(--brand-primary) 0,var(--error) 100%);color:#fff;padding:.4rem .8rem;border-radius:16px;font-size:.8rem;font-weight:600;box-shadow:0 4px 16px #667eea4d;border:1px solid #fff3;transition:all .3s ease}.story-count:hover{transform:scale(1.05);box-shadow:0 6px 20px #667eea66}.recordings-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:1rem;gap:1rem;animation:fadeInUp .6s ease-out .6s both}.recording-card{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border-radius:12px;padding:1rem;border:1px solid #ffffff1f;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.recording-card.compact{padding:.75rem;margin-bottom:.5rem}.recording-card.compact .recording-header{margin-bottom:.5rem}.recording-card.compact .recording-details{margin-top:.5rem;padding-top:.5rem}.recording-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand-primary),var(--error),#f093fb);opacity:0;transition:opacity .4s ease}.recording-card:hover:before{opacity:1}.recording-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 50px #00000026,0 8px 20px #0000001a;border-color:#fff3;background:linear-gradient(135deg,#ffffff1f,#ffffff0f)}.recording-header{margin-bottom:.75rem}.recording-info{flex:1 1;min-width:0}.recording-title{font-size:1rem;color:#fff;text-shadow:0 1px 2px #0000004d}.recording-question,.recording-title{margin:0 0 .25rem;word-wrap:break-word}.recording-question{font-size:.85rem;color:var(--brand-primary);font-weight:500;line-height:1.3;font-style:italic}.recording-card.compact .recording-question{font-size:.9rem;margin:0 0 .4rem}.recording-meta{font-size:.8rem;color:#d0d0d0;margin:0 0 .25rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.recording-meta:before{content:"•";color:var(--brand-primary);font-weight:700}.recording-notes{font-size:.8rem;color:#b0b0b0;margin:0;font-style:italic;line-height:1.4}.recording-actions{gap:.4rem;flex-shrink:0}.recording-details{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #ffffff26;animation:fadeIn .4s ease-out}.recording-controls{display:flex;flex-direction:column;gap:1.5rem}.audio-player{height:48px;background:#ffffff1a;border:1px solid #fff3;transition:all .3s ease}.audio-player:hover{background:#ffffff26;border-color:#ffffff4d}.recording-actions-detail{display:flex;gap:.75rem;justify-content:flex-end}.empty-state{padding:4rem 2rem;background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid #ffffff1f;animation:fadeInUp .8s ease-out .8s both}.empty-state h3{font-size:1.8rem}.empty-state p{color:#d0d0d0;font-size:1.1rem;max-width:500px;margin:0 auto}.loading-container{text-align:center;padding:4rem 2rem;animation:fadeIn .6s ease-out}.loading-spinner{width:48px;height:48px;border-top:4px solid var(--brand-primary);animation:spin 1.2s linear infinite;margin:0 auto 1.5rem;box-shadow:0 4px 16px #667eea33}@media (max-width:768px){.stories-section{padding:0 .5rem}.section-header h2{font-size:2.2rem}.header-content{flex-direction:column;align-items:flex-start;gap:1rem}.refresh-btn{align-self:flex-end;margin-top:.5rem}.storyteller-stories-group{padding:2rem 1.5rem}.recordings-grid{grid-template-columns:1fr;gap:1.5rem}.recording-card{padding:1.5rem}}@media (max-width:480px){.stories-section{padding:0 .25rem}.section-header h2{font-size:1.8rem}.section-header p{font-size:1rem}.header-content{gap:.75rem}.refresh-btn{padding:.4rem .8rem;font-size:.8rem;min-width:auto;white-space:nowrap}}.custom-audio-player{background:linear-gradient(145deg,#ffffff14,#ffffff08 50%,#ffffff03);border-radius:24px;padding:2rem;border:1px solid #ffffff1f;margin-bottom:2rem;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:0 20px 60px #00000026,0 8px 32px #0000001a,inset 0 1px 0 #ffffff26,inset 0 -1px 0 #0000001a;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.custom-audio-player:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(145deg,#667eea14,#764ba20d 50%,#f093fb08);opacity:0;transition:opacity .4s ease;pointer-events:none}.custom-audio-player:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#0000,#fff3 50%,#0000)}.custom-audio-player:hover:before{opacity:1}.custom-audio-player:hover{transform:translateY(-4px);box-shadow:0 32px 80px #0003,0 16px 48px #00000026,inset 0 1px 0 #fff3,inset 0 -1px 0 #00000026;border-color:#ffffff2e}.audio-controls{gap:1rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.audio-controls .btn{flex-shrink:0;min-width:100px;height:48px;border-radius:16px;font-weight:700;font-size:.95rem;letter-spacing:.8px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:none;cursor:pointer;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.audio-controls .btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#0000,#ffffff40,#0000);transition:left .6s ease}.audio-controls .btn:hover:before{left:100%}.audio-controls .btn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #00000040}.audio-controls .btn:active{transform:translateY(-1px);transition:transform .1s ease}.audio-controls .btn:first-child{background:linear-gradient(145deg,var(--brand-primary) 0,var(--error) 50%,#f093fb 100%);color:#fff;text-shadow:0 2px 4px #0000004d;box-shadow:0 8px 24px #667eea66,inset 0 1px 0 #fff3}.audio-controls .btn:first-child:hover{background:linear-gradient(145deg,#5a6fd8,#6a4190 50%,#e085e8);box-shadow:0 12px 32px #667eea80,inset 0 1px 0 #ffffff40}.audio-controls .btn:not(:first-child){background:linear-gradient(145deg,#ffffff1f,#ffffff0f);border:1px solid #ffffff26;color:#fff;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.audio-controls .btn:not(:first-child):hover{background:linear-gradient(145deg,#ffffff2e,#ffffff1a);border-color:#ffffff40;color:#fff;box-shadow:0 8px 24px #ffffff1a}.audio-progress{width:100%;position:relative}.progress-bar{height:16px;background:linear-gradient(145deg,#ffffff14,#ffffff0a);border-radius:12px;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid #ffffff1a;box-shadow:inset 0 2px 4px #0000001a,inset 0 -1px 2px #ffffff0d}.progress-bar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(145deg,#ffffff14,#ffffff08);border-radius:12px}.progress-fill{background:linear-gradient(90deg,var(--brand-primary) 0,var(--error) 25%,#f093fb 50%,var(--brand-primary) 75%,var(--error) 100%);background-size:200% 100%;border-radius:12px;transition:width .3s ease;position:relative;overflow:hidden;animation:gradientShift 3s ease-in-out infinite}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#0000,#fff6 50%,#0000);animation:shimmer 2.5s infinite}.audio-time{text-align:center;font-size:1.1rem;color:#fff;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Courier New,monospace;font-weight:600;text-shadow:0 2px 4px #0000004d;background:linear-gradient(145deg,#ffffff1f,#ffffff0f);padding:.75rem 1.5rem;border-radius:12px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid #ffffff26;display:inline-block;margin:0 auto;min-width:140px;box-shadow:0 4px 16px #0000001a,inset 0 1px 0 #ffffff1a;letter-spacing:1px}.custom-audio-player[data-loading=true] .audio-controls .btn:first-child{background:linear-gradient(145deg,var(--warning) 0,#e67e22 50%,#d35400 100%);animation:pulse 2s infinite}.custom-audio-player[data-playing=true] .audio-controls .btn:first-child{background:linear-gradient(145deg,#27ae60,#2ecc71 50%,#16a085);animation:glow 2.5s ease-in-out infinite alternate}.custom-audio-player[data-error=true] .audio-controls .btn:first-child{background:linear-gradient(145deg,var(--error) 0,#c0392b 50%,#a93226 100%);animation:shake .6s ease-in-out}@keyframes glow{0%{box-shadow:0 8px 24px #27ae6066,0 0 20px #27ae604d}to{box-shadow:0 12px 32px #27ae6099,0 0 30px #27ae6080}}.custom-audio-player[data-loading=true] .audio-controls .btn:first-child:after{content:"";position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border:2px solid #0000;border-top-color:#ffffffe6;border-radius:50%;animation:spin 1.2s linear infinite}@media (max-width:768px){.custom-audio-player{padding:1.5rem;border-radius:20px;margin-bottom:1.5rem}.audio-controls{gap:.75rem;margin-bottom:1.5rem}.audio-controls .btn{min-width:90px;height:44px;font-size:.9rem;letter-spacing:.6px}.progress-bar{height:14px;margin-bottom:1.25rem}.audio-time{font-size:1rem;padding:.6rem 1.2rem;min-width:120px;letter-spacing:.8px}}@media (max-width:480px){.custom-audio-player{padding:1.25rem;border-radius:18px}.audio-controls{flex-direction:column;gap:.75rem}.audio-controls .btn{width:100%;max-width:200px}}.memoora-logo{display:inline-block;transition:all .3s ease;-webkit-user-select:none;user-select:none}.memoora-logo--horizontal,.memoora-logo--stacked{max-width:100%;height:auto}.memoora-logo--icon{width:40px;height:40px}.memoora-logo--small{width:120px;height:auto}.memoora-logo--medium{width:180px;height:auto}.memoora-logo--large{width:240px;height:auto}.memoora-logo--xlarge{width:320px;height:auto}.memoora-logo--gradient{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.memoora-logo--navy{filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.memoora-logo:hover{transform:scale(1.02);filter:brightness(1.1)}.memoora-logo:active{transform:scale(.98)}.family-header-logo,.header-logo,.navbar .memoora-logo{height:120px;width:auto;display:block}.landing-header-logo{height:120px;display:block}@media (max-width:768px){.landing-header-logo{height:40px!important;opacity:1!important;filter:brightness(1.2) contrast(1.1)!important}.memoora-logo--gradient{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2)) brightness(1.1)!important}}.memoora-logo{display:block;max-width:100%;height:auto}.memoora-logo--stacked{min-height:40px;max-height:60px}.memoora-logo--horizontal{min-height:100px;max-height:140px;min-width:250px}.footer .memoora-logo{height:60px;width:auto;opacity:.8}.family-header-logo,.header-logo,.landing-header-logo{display:block;padding:0;margin:0}.header-main{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}@media (max-width:768px){.header-main{flex-direction:row;flex-wrap:nowrap;gap:.5rem;padding:0 1rem;justify-content:space-between;align-items:center}.header-nav{gap:.25rem;flex-wrap:nowrap;justify-content:center;font-size:.85rem}.header-user{margin-left:0}.header-logo-container,.header-user{flex-shrink:0}.family-header-logo,.header-logo{height:50px!important;min-height:unset!important;max-height:50px!important;min-width:unset!important}.header .memoora-logo--horizontal{min-height:unset;max-height:50px;min-width:unset}}.header-logo-container,.header-nav{flex-shrink:0;display:flex;align-items:center}.header-nav{gap:1.5rem}.storyteller-btn{background:var(--beach-sand-warm)!important;color:#8b4513!important;border:2px solid var(--beach-sand)!important;cursor:pointer;padding:.5rem 1rem;border-radius:6px;transition:all .2s ease;text-decoration:none;display:inline-block;font-weight:500}.storyteller-btn:hover{background:var(--beach-sand)!important;color:#8b4513!important;transform:translateY(-1px)}.header-user{flex-shrink:0;margin-left:auto}.auth-page .memoora-logo{margin:0 auto 2rem;display:block}.loading .memoora-logo{animation:pulse 2s infinite}@media (max-width:768px){.memoora-logo--large{width:200px}.memoora-logo--xlarge{width:260px}.navbar .memoora-logo{height:32px}}.modal-content{box-shadow:0 20px 40px #00000026;max-width:500px;max-height:90vh;overflow-y:auto}.phone-number-modal{padding:0}.modal-header{padding:1.5rem 1.5rem 0;border-bottom:1px solid var(--gray-200);margin-bottom:1.5rem}.modal-header h3{font-size:1.3rem}.modal-close{font-size:1.5rem;color:var(--gray-500);padding:.25rem;border-radius:4px;transition:all .2s}.modal-close:hover{background:var(--gray-100)}.modal-close:disabled{opacity:.5;cursor:not-allowed}.modal-body{padding:0 1.5rem 1.5rem}.modal-body p{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.form-group label{font-size:.95rem}.form-input{border:2px solid var(--gray-200);border-radius:8px;transition:all .2s}.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.form-input:disabled{background:var(--gray-50);cursor:not-allowed}.form-error{color:var(--error-color);font-size:.875rem;margin-top:.5rem;font-weight:500}.modal-actions{margin-top:2rem}@media (max-width:768px){.modal-content{width:95%;margin:1rem}.modal-body,.modal-header{padding:1rem}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}}.recording-card-simple{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 1px 3px #00000014;transition:all .2s ease;border:1px solid #f1f3f4}.recording-card-simple:hover{box-shadow:0 4px 12px #0000001f;border-color:#e8eaed}.recording-card-simple .recording-title{font-size:15px;font-weight:600;color:#202124;margin:0 0 6px;line-height:1.4}.recording-card-simple .recording-meta{font-size:13px;color:#5f6368;margin:0 0 16px;font-weight:500}.recording-card-simple .audio-player,.recording-card-simple .recording-controls{display:flex;align-items:center;gap:12px}.recording-card-simple .audio-player{flex:1 1}.recording-card-simple .play-button{width:40px;height:40px;border-radius:50%;background:#d4a574;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.recording-card-simple .play-button:hover:not(:disabled){background:#c19a6b;transform:scale(1.05);box-shadow:0 4px 12px #d4a5744d}.recording-card-simple .play-button:disabled{background:#dadce0;color:#5f6368;cursor:not-allowed;transform:none;box-shadow:none}.recording-card-simple .loading-spinner{width:16px;height:16px;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.recording-card-simple .audio-info{flex:1 1;min-width:0}.recording-card-simple .progress-container{display:flex;flex-direction:column;gap:6px}.recording-card-simple .progress-bar{height:4px;background:#e8eaed;border-radius:2px;overflow:hidden;position:relative}.recording-card-simple .progress-fill{height:100%;background:#d4a574;border-radius:2px;transition:width .1s ease}.recording-card-simple .time-display{font-size:12px;color:#5f6368;font-weight:500}.recording-card-simple .audio-not-available-message{display:flex;align-items:center;padding:12px;margin-top:12px;background:#fff3cd;border:1px solid var(--warning);border-radius:8px;font-size:13px;color:#856404}.recording-card-simple .audio-not-available-message svg{flex-shrink:0;color:var(--warning)}.recording-card-simple .delete-button{width:32px;height:32px;border-radius:50%;background:#0000;color:#5f6368;border:1px solid #dadce0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.radio-label.radio-disabled{position:relative;cursor:help}.radio-label.radio-disabled .radio-text{display:flex;align-items:center;gap:.5rem}.radio-label.radio-disabled .info-icon{font-size:.875rem;opacity:.6;cursor:help;transition:opacity .2s ease}.radio-label.radio-disabled .info-icon:hover{opacity:1}.radio-label.radio-disabled .radio-tooltip{position:fixed;background:#fff;border:2px solid #007bff;border-radius:8px;padding:.75rem;box-shadow:0 8px 25px #007bff4d;z-index:999999;opacity:0;visibility:hidden;transition:all .3s ease;min-width:180px;max-width:220px;pointer-events:none}.radio-label.radio-disabled .info-icon:hover+.radio-tooltip,.radio-label.radio-disabled .info-icon:hover~.radio-tooltip{opacity:1;visibility:visible;pointer-events:auto}.radio-label.radio-disabled .radio-tooltip p{font-size:.8rem;color:#212529;margin:0 0 .5rem;line-height:1.3;font-weight:500}.radio-label.radio-disabled .radio-tooltip .tooltip-cta{background:#007bff;padding:.4rem .6rem;border-radius:6px;border:none;text-align:center}.radio-label.radio-disabled .radio-tooltip .tooltip-cta span{font-weight:600;color:#fff;font-size:.75rem}.recording-card-simple .btn-danger{padding:6px 12px;font-size:12px;height:32px;min-width:60px}.modal-overlay{background:#00000080;z-index:1000}.modal-content{background:#fff;border-radius:16px;padding:24px;max-width:400px;width:90%;box-shadow:0 20px 40px #0003;animation:modalSlideIn .3s ease-out}.modal-header h3{margin:0 0 16px;font-size:20px;font-weight:600;color:#333}.modal-body p{margin:0 0 24px;color:#666;line-height:1.5}.modal-actions{gap:12px;justify-content:flex-end}.modal-actions .btn{min-width:80px}.container{max-width:1200px;margin:0 auto}.container,.container-fluid{width:100%;padding:0 1rem}.row{display:flex;flex-wrap:wrap;margin:0 -.5rem}.col{flex:1 1;padding:0 .5rem}.col-1{flex:0 0 8.333333%}.col-2{flex:0 0 16.666667%}.col-3{flex:0 0 25%}.col-4{flex:0 0 33.333333%}.col-5{flex:0 0 41.666667%}.col-6{flex:0 0 50%}.col-7{flex:0 0 58.333333%}.col-8{flex:0 0 66.666667%}.col-9{flex:0 0 75%}.col-10{flex:0 0 83.333333%}.col-11{flex:0 0 91.666667%}.col-12{flex:0 0 100%}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.d-block{display:block}.d-inline-block{display:inline-block}.d-none{display:none}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-content-start{justify-content:flex-start}.justify-content-end{justify-content:flex-end}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.justify-content-around{justify-content:space-around}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.align-items-center{align-items:center}.align-items-baseline{align-items:baseline}.align-items-stretch{align-items:stretch}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:1rem}.gap-4{gap:1.5rem}.gap-5{gap:3rem}.header{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid #fff3;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:1000;transition:all .3s ease;overflow:hidden}.main-content{min-height:calc(100vh - 200px);padding:2rem 0;position:relative}.footer{background:#0000004d;color:#fff;padding:2rem 0;margin-top:auto;border-top:1px solid #ffffff1a}.footer,.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.sidebar{width:250px;background:#ffffff1a;border-right:1px solid #fff3;padding:1.5rem;height:100vh;position:fixed;left:0;top:0;overflow-y:auto;transition:all .3s ease}.content-area{margin-left:250px;padding:1rem;min-height:100vh}.card{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 25px #0000001a;padding:2rem;margin-bottom:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0003;border-color:#fff6;background:#ffffff26}.card-header{border-bottom:1px solid #fff3;padding-bottom:1.5rem;margin-bottom:1.5rem}.card-title{margin:0;font-size:1.5rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#fff,var(--brand-primary));-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text}.card-body{padding:0;color:#ffffffe6;line-height:1.7}.card-footer{border-top:1px solid #fff3;padding-top:1.5rem;margin-top:1.5rem}@media (max-width:1200px){.container{max-width:960px}}@media (max-width:992px){.container{max-width:720px}.sidebar{width:200px}.content-area{margin-left:200px}}@media (max-width:768px){.container{max-width:540px}.sidebar{transform:translateX(-100%);transition:transform .3s ease}.sidebar.open{transform:translateX(0)}.content-area{margin-left:0}.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{flex:0 0 100%}}@media (max-width:576px){.container{max-width:100%}.row{margin:0}.col{padding:0;margin-bottom:1rem}}.memoora-landing{font-family:var(--font-sans,"DM Sans",system-ui,sans-serif);background:var(--color-bg-secondary,#faf7f2);color:var(--color-warm-brown,#2c1e12);overflow-x:hidden;min-height:100vh}body:has(.memoora-landing){background-color:#faf7f2}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-warm-brown,#2c1e12);color:#fff;padding:8px 16px;z-index:10000;transition:top .3s}.skip-link:focus{top:0}.landing-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fff;border-bottom:1px solid #0000000d}.landing-header-container{max-width:1400px;margin:0 auto;padding:0 24px}.landing-header-content{display:flex;justify-content:space-between;align-items:center;height:80px}.landing-logo{flex-shrink:0}.landing-header-logo{height:50px;width:auto}.landing-nav{display:flex;align-items:center;gap:12px}.landing-nav .btn{padding:10px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.landing-nav .btn-secondary{background:#0000;border:1px solid #e5e5e5;color:#1a1a1a}.landing-nav .btn-secondary:hover{background:#f5f5f5;border-color:#d5d5d5}.landing-nav .btn-primary{background:linear-gradient(135deg,#b8e6e6,#8fcbcb);border:none;color:#1a3a3a;box-shadow:0 4px 12px #8fcbcb4d}.landing-nav .btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #8fcbcb66}.landing-nav .btn-text{background:none;border:none;color:#6b5b50;font-family:DM Sans,sans-serif;font-weight:500;cursor:pointer;padding:10px 16px;font-size:14px;transition:color .2s ease}.landing-nav .btn-text:hover{color:#c2703a}.mobile-menu-toggle{display:none;background:none;border:none;font-size:24px;cursor:pointer;padding:8px;color:#1a1a1a}.mobile-menu{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#fffffffa;z-index:2000;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px}.mobile-menu.active{display:flex}.mobile-menu-close{position:absolute;top:24px;right:24px;background:none;border:none;font-size:28px;cursor:pointer;color:#1a1a1a;padding:8px}.mobile-menu .btn{width:100%;max-width:300px;padding:16px 32px;border-radius:12px;font-weight:600;font-size:16px;text-align:center;cursor:pointer}.mobile-menu .btn-secondary{background:#f5f5f5;border:1px solid #e5e5e5;color:#1a1a1a}.mobile-menu .btn-primary{background:linear-gradient(135deg,#b8e6e6,#8fcbcb);border:none;color:#1a3a3a}@media (max-width:768px){.landing-nav{display:none}.mobile-menu-toggle{display:block}.landing-header-content{height:70px}.landing-header-logo{height:40px}}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(175deg,#fff6ed 0,var(--color-bg-secondary) 45%,#f3ede5 100%);padding-top:100px}.hero__bg-orb{position:absolute;border-radius:50%;pointer-events:none}.hero__bg-orb--aqua{top:-200px;right:-100px;width:700px;height:700px;background:radial-gradient(circle,#7ec8c81f 0,#0000 65%)}.hero__bg-orb--copper{bottom:-150px;left:-200px;width:600px;height:600px;background:radial-gradient(circle,#c2703a0f 0,#0000 65%)}.hero__grain{position:absolute;inset:0;opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none}.hero__container{max-width:1280px;margin:0 auto;padding:0 clamp(24px,4vw,64px);position:relative;z-index:2;display:grid;grid-template-columns:1fr 420px;grid-gap:80px;gap:80px;align-items:center}.hero__content{animation:fadeUp .7s ease-out}.hero__badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:50px;background:#c2703a12;margin-bottom:32px}.hero__badge-dot{width:6px;height:6px;border-radius:50%;background:var(--color-terracotta,#c2703a)}.hero__badge span:last-child{font-size:13px;color:var(--color-terracotta,#c2703a);font-weight:600;letter-spacing:.02em}.hero__headline{font-family:var(--font-serif,"Instrument Serif",Georgia,serif);font-size:clamp(44px,5.2vw,72px);font-weight:400;color:var(--color-warm-brown,#2c1e12);line-height:1.05;letter-spacing:-.03em;margin:0 0 28px}.hero__headline-accent{font-style:italic;color:var(--color-terracotta,#c2703a)}.hero__subheadline{font-size:19px;color:var(--color-warm-brown-muted,#7a6b5e);line-height:1.65;max-width:560px;margin:0 0 44px}.hero__ctas{display:flex;gap:16px;margin-bottom:20px}.hero__cta{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;border-radius:50px;border:none;cursor:pointer;font-family:var(--font-sans,system-ui,sans-serif);font-weight:600;font-size:16px;transition:all .25s ease}.hero__cta--primary{background:linear-gradient(135deg,var(--color-aqua-blue,#7ec8c8),var(--color-aqua-blue-dark,#5ba8a8));color:#1a3a3a;box-shadow:0 6px 24px #7ec8c859}.hero__cta--primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #7ec8c873}.hero__cta--secondary{background:#0000;border:2px solid var(--color-terracotta,#c2703a);color:var(--color-terracotta,#c2703a);padding:14px 32px}.hero__cta--secondary:hover{background:#c2703a0d}.hero__cta:focus-visible{outline:2px solid var(--color-aqua-blue,#7ec8c8);outline-offset:2px}.hero__trial-note{font-size:13px;color:var(--color-warm-brown-muted,#b5a899);margin:0}.hero__stats{display:flex;gap:48px;margin-top:56px}.hero__stat-value{font-family:var(--font-serif,Georgia,serif);font-size:32px;color:var(--color-terracotta,#c2703a)}.hero__stat-label{font-size:13px;color:var(--color-warm-brown-muted,#b5a899);margin-top:2px;font-weight:500}.hero__phone-wrapper{position:relative;animation:fadeUp .9s ease-out .3s both}.hero__phone{width:340px;height:640px;border-radius:44px;background:#fff;box-shadow:0 60px 120px #2c1e121f,0 12px 40px #2c1e120f;border:7px solid #eae3db;overflow:hidden;position:relative;animation:float 7s ease-in-out infinite}.hero__phone-header{background:linear-gradient(135deg,var(--color-terracotta),#d4854e);padding:52px 28px 28px;color:#fff;text-align:center}.hero__phone-avatar{width:68px;height:68px;border-radius:50%;background:#ffffff2e;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero__phone-name{font-family:var(--font-serif,Georgia,serif);font-size:22px}.hero__phone-role{font-size:12px;opacity:.75;margin-top:3px}.hero__phone-chat{padding:22px;background:#fdfbf8}.hero__phone-msg{padding:11px 16px;margin-bottom:10px;font-size:13px;line-height:1.55;max-width:88%}.hero__phone-msg--lila{background:#f0ebe5;border-radius:18px 18px 18px 4px;color:var(--color-warm-brown,#2c1e12)}.hero__phone-msg--user{background:linear-gradient(135deg,var(--color-aqua-blue,#7ec8c8),#6db8b8);border-radius:18px 18px 4px 18px;color:#143838;margin-left:auto;box-shadow:0 2px 8px #7ec8c833}.hero__phone-typing{display:flex;gap:5px;padding:12px 16px;background:#f0ebe5;border-radius:18px 18px 18px 4px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.hero__phone-dot{width:7px;height:7px;border-radius:50%;background:#b5a899;animation:pulse 1.4s ease-in-out infinite}.hero__phone-dot:nth-child(2){animation-delay:.2s}.hero__phone-dot:nth-child(3){animation-delay:.4s}.hero__phone-footer{position:absolute;bottom:0;left:0;right:0;padding:16px 28px;background:#fdfbf8f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid #3d2b1f0f;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:600;color:#e04040}.hero__phone-rec{width:10px;height:10px;border-radius:50%;background:#e04040;animation:pulse 1.5s ease infinite}.hero__notification{position:absolute;bottom:80px;left:-80px;background:#fff;border-radius:16px;padding:14px 20px;box-shadow:0 12px 40px #2c1e121a;border:1px solid #2c1e120d;display:flex;align-items:center;gap:12px;animation:float 5s ease-in-out 1s infinite;font-size:13px;font-weight:500;color:var(--color-warm-brown,#2c1e12)}.hero__notification-dot{width:8px;height:8px;border-radius:50%;background:#2d8a56;animation:pulse 2s ease infinite}.emotional-hook{background:linear-gradient(180deg,#f3ede5 0,var(--color-bg-secondary) 100%);padding:clamp(64px,8vw,120px) 0}.emotional-hook__container{max-width:1280px;margin:0 auto;padding:0 clamp(24px,4vw,64px)}.emotional-hook__grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:80px;gap:80px;align-items:center}.emotional-hook__image{aspect-ratio:4/5;border-radius:28px;overflow:hidden;background:linear-gradient(160deg,#e8ddd2,#d4c5b5);position:relative;box-shadow:0 40px 80px #2c1e121a}.emotional-hook__photo{width:100%;height:100%;object-fit:cover;display:block}.emotional-hook__tagline--overlay{position:absolute;bottom:0;left:0;right:0;font-family:var(--font-serif,Georgia,serif);font-size:20px;font-style:italic;color:#fff;text-align:center;padding:48px 32px 24px;margin:0;line-height:1.5;background:linear-gradient(0deg,#2c1e12b3 0,#0000);text-shadow:0 1px 4px #0000004d}.emotional-hook__accent-line{width:56px;height:3px;background:var(--color-terracotta,#c2703a);border-radius:2px;margin-bottom:36px}.emotional-hook__quote{font-family:var(--font-serif,Georgia,serif);font-size:clamp(22px,2.2vw,30px);font-style:italic;color:var(--color-warm-brown,#2c1e12);line-height:1.5;margin:0 0 32px}.emotional-hook__author{font-weight:600;font-size:16px;color:var(--color-warm-brown,#2c1e12)}.emotional-hook__location{font-size:14px;color:var(--color-warm-brown-muted,#b5a899);margin-top:4px}.emotional-hook__cta-box{margin-top:48px;padding:24px 28px;background:#c2703a0d;border-radius:16px;border-left:4px solid var(--color-terracotta,#c2703a)}.emotional-hook__cta-box p{font-size:16px;color:var(--color-warm-brown-muted,#7a6b5e);line-height:1.6;font-style:italic;margin:0}.emotional-hook__cta-box strong{color:var(--color-terracotta,#c2703a)}.pricing{background:linear-gradient(180deg,#f3ede5,var(--color-bg-secondary));padding:clamp(64px,8vw,120px) 0}.pricing__container{max-width:1280px;margin:0 auto;padding:0 clamp(24px,4vw,64px)}.pricing__header{text-align:center;margin-bottom:56px}.pricing__label{font-size:13px;font-weight:600;color:var(--color-terracotta,#c2703a);letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}.pricing__title{font-family:var(--font-serif,Georgia,serif);font-size:clamp(32px,3.5vw,50px);font-weight:400;color:var(--color-warm-brown,#2c1e12);margin:0 0 16px}.pricing__title em{font-style:italic}.pricing__subtitle{font-size:18px;color:var(--color-warm-brown-muted,#7a6b5e);max-width:480px;margin:0 auto}.pricing__card{max-width:520px;margin:0 auto;background:#fff;border-radius:32px;padding:52px 48px;border:2px solid var(--color-terracotta,#c2703a);position:relative;box-shadow:0 32px 64px #c2703a1a}.pricing__badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--color-terracotta),var(--color-terracotta-light));color:#fff;font-size:11px;font-weight:700;padding:6px 24px;border-radius:50px;letter-spacing:.06em;text-transform:uppercase}.pricing__amount{text-align:center;margin-bottom:8px}.pricing__price{font-family:var(--font-serif,Georgia,serif);font-size:72px;color:var(--color-warm-brown,#2c1e12);line-height:1}.pricing__period{font-size:18px;color:var(--color-warm-brown-muted,#b5a899);font-weight:500}.pricing__includes{text-align:center;font-size:15px;color:var(--color-warm-brown-muted,#7a6b5e);margin:0 0 32px}.pricing__divider{width:100%;height:1px;background:#2c1e120f;margin:0 0 28px}.pricing__features{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px 24px;gap:16px 24px;margin-bottom:32px}.pricing__feature{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--color-warm-brown-muted,#7a6b5e)}.pricing__cta{width:100%;padding:16px 0;border-radius:50px;border:none;cursor:pointer;background:linear-gradient(135deg,var(--color-aqua-blue,#7ec8c8),var(--color-aqua-blue-dark,#5ba8a8));color:#1a3a3a;font-family:var(--font-sans,system-ui,sans-serif);font-weight:600;font-size:16px;box-shadow:0 6px 24px #7ec8c859;transition:all .25s ease}.pricing__cta:hover{transform:translateY(-2px);box-shadow:0 8px 32px #7ec8c873}.pricing__cta:focus-visible{outline:2px solid var(--color-aqua-blue,#7ec8c8);outline-offset:2px}.pricing__note{font-size:13px;margin:16px 0 0}.pricing__guarantee,.pricing__note{text-align:center;color:var(--color-warm-brown-muted,#b5a899)}.pricing__guarantee{margin-top:40px;font-size:14px}.faq-section{background:var(--color-bg-secondary,#faf7f2);padding:clamp(64px,8vw,120px) 0}.faq-section__container{max-width:800px;margin:0 auto;padding:0 clamp(24px,4vw,64px)}.faq-section__header{text-align:center;margin-bottom:56px}.faq-section__label{font-size:13px;font-weight:600;color:var(--color-terracotta,#c2703a);letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}.faq-section__title{font-family:var(--font-serif,Georgia,serif);font-size:clamp(32px,3.5vw,50px);font-weight:400;color:var(--color-warm-brown,#2c1e12);margin:0}.faq-section__title em{font-style:italic}.trust{background:#fff;padding:clamp(64px,8vw,120px) 0}.trust__container{max-width:1280px;margin:0 auto;padding:0 clamp(24px,4vw,64px)}.trust__header{text-align:center;margin-bottom:64px}.trust__label{font-size:13px;font-weight:600;color:var(--color-terracotta,#c2703a);letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}.trust__title{font-family:var(--font-serif,Georgia,serif);font-size:clamp(32px,3.5vw,50px);font-weight:400;color:var(--color-warm-brown,#2c1e12);margin:0}.trust__title em{font-style:italic}.trust__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px}.trust__card{background:var(--color-bg-secondary,#faf7f2);border-radius:20px;padding:32px 28px;text-align:center}.trust__icon{width:56px;height:56px;border-radius:50%;background:#7ec8c81f;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.trust__card-title{font-family:var(--font-serif,Georgia,serif);font-size:18px;font-weight:400;color:var(--color-warm-brown,#2c1e12);margin:0 0 10px}.trust__card-desc{font-size:14px;color:var(--color-warm-brown-muted,#7a6b5e);line-height:1.6;margin:0}.final-cta{background:linear-gradient(180deg,var(--color-warm-brown,#3d2b1f) 0,#2a1d14 100%);padding:clamp(80px,10vw,140px) 0;text-align:center}.final-cta__container{max-width:800px;margin:0 auto;padding:0 clamp(24px,4vw,64px)}.final-cta__title{font-family:var(--font-serif,Georgia,serif);font-size:clamp(32px,4vw,52px);font-weight:400;color:#fff;margin:0 0 20px}.final-cta__subtitle{font-size:18px;color:#ffffffb3;margin:0 0 40px}.final-cta__button{display:inline-flex;align-items:center;gap:10px;padding:18px 44px;border-radius:50px;border:none;cursor:pointer;background:linear-gradient(135deg,var(--color-aqua-blue,#7ec8c8),var(--color-aqua-blue-dark,#5ba8a8));color:#1a3a3a;font-family:var(--font-sans,system-ui,sans-serif);font-weight:600;font-size:18px;box-shadow:0 8px 32px #7ec8c866;transition:all .25s ease}.final-cta__button:hover{transform:translateY(-2px);box-shadow:0 12px 40px #7ec8c880}.final-cta__button:focus-visible{outline:2px solid var(--color-aqua-blue,#7ec8c8);outline-offset:2px}.final-cta__note{font-size:14px;color:#ffffff80;margin:24px 0 0}.landing-footer{background:var(--color-warm-brown,#2c1e12);padding:64px 0 32px;color:#ffffffb3}.landing-footer__container{max-width:1280px;margin:0 auto;padding:0 clamp(24px,4vw,64px)}.landing-footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-gap:64px;gap:64px;margin-bottom:48px}.landing-footer__logo{display:flex;align-items:center;gap:12px;margin-bottom:16px}.landing-footer__logo-icon{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--color-terracotta),var(--color-terracotta-light));display:flex;align-items:center;justify-content:center;font-size:20px}.landing-footer__logo-icon,.landing-footer__logo-text{color:#fff;font-family:var(--font-serif,Georgia,serif)}.landing-footer__logo-text{font-size:24px}.landing-footer__tagline{font-size:14px;margin:0}.landing-footer__links h4{font-size:14px;font-weight:600;color:#fff;margin:0 0 20px;text-transform:uppercase;letter-spacing:.05em}.landing-footer__links ul{list-style:none;padding:0;margin:0}.landing-footer__links li{margin-bottom:12px}.landing-footer__links a,.landing-footer__links button{font-size:14px;color:#fff9;text-decoration:none;background:none;border:none;padding:0;cursor:pointer;transition:color .2s ease}.landing-footer__links a:hover,.landing-footer__links button:hover{color:#fff}.landing-footer__bottom{border-top:1px solid #ffffff1a;padding-top:32px;display:flex;justify-content:space-between;align-items:center}.landing-footer__bottom p{font-size:13px;margin:0}.landing-footer__badges{font-size:12px}@media (max-width:1024px){.hero__container{grid-template-columns:1fr;gap:48px}.hero__phone-wrapper{display:none}.emotional-hook__grid{grid-template-columns:1fr;gap:48px}.trust__grid{grid-template-columns:repeat(2,1fr)}.landing-footer__grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.hero{min-height:auto;padding:80px 0 60px}.hero__ctas{flex-direction:column;gap:12px}.hero__cta{width:100%;justify-content:center}.hero__stats{flex-direction:column;gap:24px;margin-top:40px}.pricing__card{padding:40px 28px}.landing-footer__grid,.pricing__features,.trust__grid{grid-template-columns:1fr}.landing-footer__grid{gap:40px}.landing-footer__bottom{flex-direction:column;gap:16px;text-align:center}}.try-modal-overlay{position:fixed;inset:0;z-index:9999;background:#2c1e1280;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;animation:tryFadeIn .2s ease}@keyframes tryFadeIn{0%{opacity:0}to{opacity:1}}.try-modal{background:#fff;border-radius:24px;padding:40px 32px;max-width:420px;width:100%;position:relative;text-align:center;box-shadow:0 24px 64px #00000026;animation:trySlideUp .25s ease}@keyframes trySlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.try-modal__close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:28px;color:#8b7b6b;cursor:pointer;line-height:1;padding:4px 8px;border-radius:8px;transition:background .15s}.try-modal__close:hover{background:#0000000d}.try-modal__icon{width:64px;height:64px;border-radius:50%;background:#c2703a1a;color:#c2703a;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.try-modal__icon--success{background:#2d8a561a;color:#2d8a56}.try-modal__title{font-family:var(--font-serif,"Source Serif 4",Georgia,serif);font-size:24px;font-weight:700;color:#2c1e12;margin:0 0 8px}.try-modal__text{font-size:15px;color:#6b5b50;line-height:1.6;margin:0 0 24px}.try-modal__form{text-align:left}.try-modal__label{display:block;font-size:13px;font-weight:600;color:#6b5b50;margin-bottom:6px}.try-modal__input{width:100%;font-family:inherit;font-size:18px;font-weight:500;color:#2c1e12;background:#faf7f2;border:2px solid #c2703a26;border-radius:14px;padding:14px 16px;outline:none;transition:border-color .2s ease;box-sizing:border-box;letter-spacing:.5px}.try-modal__input:focus{border-color:#c2703a;box-shadow:0 0 0 4px #c2703a1a}.try-modal__input::placeholder{color:#b8a89b;font-weight:400}.try-modal__error{font-size:14px;color:#d32f2f;background:#d32f2f0f;border-radius:10px;padding:10px 14px;margin:12px 0 0}.try-modal__btn{width:100%;font-family:inherit;font-size:16px;font-weight:600;color:#fff;background:#c2703a;border:none;border-radius:14px;padding:16px 20px;cursor:pointer;transition:all .2s ease;margin-top:16px}.try-modal__btn:hover:not(:disabled){background:#a85d2f;transform:translateY(-1px);box-shadow:0 4px 16px #c2703a59}.try-modal__btn:active:not(:disabled){transform:translateY(0)}.try-modal__btn:disabled{opacity:.6;cursor:not-allowed}.try-modal__btn--done{background:#2d8a56;margin-top:24px}.try-modal__btn--done:hover:not(:disabled){background:#247548;box-shadow:0 4px 16px #2d8a5659}.try-modal__disclaimer{font-size:12px;color:#a89888;margin:16px 0 0;text-align:center}@media (max-width:480px){.try-modal{padding:32px 20px;border-radius:20px}.try-modal__title{font-size:20px}}.pricing-page{background:linear-gradient(135deg,var(--brand-primary) 0,var(--error) 50%,#f093fb 100%);min-height:100vh;color:#fff;font-family:Inter,sans-serif;position:relative;overflow:hidden}.pricing-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="20" cy="20" r="0.5" fill="rgba(255,255,255,0.05)"/><circle cx="80" cy="80" r="0.8" fill="rgba(255,255,255,0.08)"/><circle cx="40" cy="60" r="0.3" fill="rgba(255,255,255,0.03)"/><circle cx="70" cy="30" r="0.6" fill="rgba(255,255,255,0.06)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3;animation:float 25s ease-in-out infinite}.pricing-hero{padding:4rem 0 3rem;text-align:center;position:relative;z-index:10}.pricing-hero-container{max-width:700px;margin:0 auto;padding:0 1.5rem}.pricing-hero-content h1{font-size:2.5rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,#fff,var(--brand-primary));-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text;text-shadow:0 4px 8px #0000001a;letter-spacing:-.025em;animation:fadeInSlideUp .8s ease-out}.pricing-hero-subtitle{font-size:1.25rem;color:#ffffffe6;margin-bottom:.75rem;font-weight:500;animation:fadeInSlideUp .8s ease-out .2s both}.pricing-hero-description{font-size:1rem;color:#fffc;line-height:1.6;max-width:500px;margin:0 auto;animation:fadeInSlideUp .8s ease-out .4s both}.pricing-plans{padding:1.5rem 0 4rem;position:relative;z-index:10}.pricing-plans-container{max-width:1000px;margin:0 auto;padding:0 1.5rem}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:2rem}.plan-card{background:#ffffff1a;padding:2rem 1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);animation:slideUp .6s ease-out both}.plan-card:first-child{animation-delay:.2s}.plan-card:nth-child(2){animation-delay:.4s}.plan-card:nth-child(3){animation-delay:.6s}.plan-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 32px 64px -12px #00000040;background:#ffffff26}.plan-card.popular{border:2px solid var(--brand-primary);box-shadow:0 20px 40px #feca5733}.plan-card.popular:before{background:linear-gradient(90deg,var(--brand-primary),var(--error))}.plan-card.selected{border-color:var(--brand-primary);box-shadow:0 20px 40px #feca5733}.plan-card.selected:before{background:linear-gradient(90deg,var(--brand-primary),var(--error))}.popular-badge{position:absolute;top:1.5rem;right:1.5rem;background:var(--brand-primary);color:var(--gray-800);padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:600;box-shadow:0 4px 12px #feca574d;animation:pulse 2s ease-in-out infinite;opacity:1}.plan-header{text-align:center}.plan-name{font-size:1.5rem;color:#fff}.plan-name,.plan-price{margin-bottom:.75rem}.price-amount{font-size:2.25rem;font-weight:800;color:var(--brand-primary)}.price-period{color:#ffffffb3}.plan-description{font-size:1rem;color:#fffc;line-height:1.5;margin:0}.plan-features{margin-bottom:1.5rem}.plan-features h4{font-size:1.125rem;font-weight:600;color:#fff;margin-bottom:1rem;text-align:center}.features-list{margin:0 0 1.5rem}.feature-item{gap:.75rem;padding:.5rem 0;border-bottom:1px solid #fff3}.feature-item:last-child{border-bottom:none}.feature-check{width:1.5rem;height:1.5rem;background:linear-gradient(135deg,var(--brand-primary),var(--error));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;flex-shrink:0}.feature-text{color:#ffffffe6;font-size:.9rem}.plan-limitations{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #fff3}.plan-limitations h4{font-size:1rem;font-weight:600;color:var(--error);margin-bottom:.75rem;text-align:center}.limitations-list{list-style:none;padding:0;margin:0}.limitation-item{display:flex;align-items:center;gap:.75rem;padding:.375rem 0}.limitation-icon{width:1.25rem;height:1.25rem;background:linear-gradient(135deg,var(--error),var(--brand-primary));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.limitation-text{color:#fffc;font-size:.85rem;line-height:1.4}.plan-actions .btn{width:100%;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.plan-actions .btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0003}.plan-actions .btn.processing{opacity:.8;cursor:not-allowed}.pricing-faq{padding:2.5rem 0;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;z-index:10}.pricing-faq-container{max-width:700px;margin:0 auto;padding:0 1.5rem}.pricing-faq h2{font-size:2rem;font-weight:700;color:#fff;text-align:center;margin-bottom:2rem;background:linear-gradient(135deg,#fff,var(--brand-primary));-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text}.section-header{text-align:center;margin-bottom:2rem}.section-header h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;text-shadow:0 2px 4px #1a1a1a26}.section-header p{color:var(--text-primary);font-size:1rem;line-height:1.5;max-width:500px;margin:0 auto;text-shadow:0 1px 2px #1a1a1a14}.pricing-faq p{color:#fffc;text-align:center;margin-bottom:2rem;font-size:1.125rem}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin-top:3rem}.faq-item{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff3;border-radius:20px;padding:2rem}.faq-item:hover{transform:translateY(-5px);background:#ffffff26;border-color:#ffffff4d}.faq-item h3{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.faq-item p{color:#fffc;line-height:1.6;margin:0;text-align:left}.pricing-cta{padding:6rem 0;position:relative;z-index:10}.pricing-cta-container{max-width:600px;margin:0 auto;padding:0 2rem}.pricing-cta-content h2{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;text-shadow:0 2px 4px #1a1a1a26}.pricing-cta-content p{font-size:1.25rem;color:#ffffffe6;line-height:1.6;margin-bottom:2rem}@media (max-width:768px){.pricing-hero-content h1{font-size:2.5rem}.pricing-hero-subtitle{font-size:1.25rem}.plans-grid{grid-template-columns:1fr;gap:1.5rem}.plan-card{padding:2rem 1.5rem}.pricing-plans-container{padding:0 1rem}.faq-grid{grid-template-columns:1fr}}@media (max-width:480px){.pricing-hero-content h1{font-size:2rem}.pricing-hero-subtitle{font-size:1.125rem}.pricing-hero-description{font-size:1rem}.plan-card{padding:1.5rem 1rem}.plan-name{font-size:1.75rem}.price-amount{font-size:2.5rem}.pricing-cta-content h2{font-size:2rem}.pricing-cta-content p{font-size:1.125rem}}.faq-page{background:linear-gradient(135deg,var(--brand-primary) 0,var(--error) 50%,#f093fb 100%);min-height:100vh;color:#fff;font-family:Inter,sans-serif;position:relative;overflow:hidden}.faq-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="20" cy="20" r="0.5" fill="rgba(255,255,255,0.05)"/><circle cx="80" cy="80" r="0.8" fill="rgba(255,255,255,0.08)"/><circle cx="40" cy="60" r="0.3" fill="rgba(255,255,255,0.03)"/><circle cx="70" cy="30" r="0.6" fill="rgba(255,255,255,0.06)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3;animation:float 25s ease-in-out infinite}.faq-hero{padding:6rem 0;text-align:center;position:relative;z-index:10}.faq-hero-container{max-width:800px;margin:0 auto;padding:0 2rem}.faq-hero-content h1{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,var(--brand-primary));-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text;text-shadow:0 4px 8px #0000001a;letter-spacing:-.025em;animation:fadeInSlideUp .8s ease-out}.faq-hero-subtitle{font-size:1.5rem;color:#ffffffe6;margin-bottom:1rem;font-weight:500;animation:fadeInSlideUp .8s ease-out .2s both}.faq-hero-description{font-size:1.125rem;color:#fffc;line-height:1.7;max-width:600px;margin:0 auto;animation:fadeInSlideUp .8s ease-out .4s both}.faq-categories{padding:2rem 0 4rem;position:relative;z-index:10}.faq-categories-container{max-width:1200px;margin:0 auto;padding:0 2rem}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem;margin-top:3rem}.category-card{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff3;border-radius:20px;padding:2rem;text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.category-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 32px 64px -12px #00000040;border-color:#fff6;background:#ffffff26}.category-card:hover:before{transform:scaleX(1)}.category-card.active{border-color:var(--brand-primary);box-shadow:0 20px 40px #feca5733;background:#feca571a}.category-card.active:before{background:linear-gradient(90deg,var(--brand-primary),var(--error));transform:scaleX(1)}.category-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.75rem}.category-count{color:#ffffffb3;font-size:.875rem;font-weight:500}.faq-questions{padding:2rem 0 6rem;position:relative;z-index:10}.faq-questions-container{max-width:1000px;margin:0 auto;padding:0 2rem}.faq-category{margin-bottom:3rem;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ffffff1a;border-radius:20px;overflow:hidden;transition:all .3s ease}.faq-category.open{background:#ffffff1a;border-color:#fff3}.category-header{padding:2rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.category-header:hover{background:#ffffff0d}.category-name{font-size:1.75rem;font-weight:700;color:#fff;margin:0;display:flex;align-items:center;gap:1rem}.category-toggle{font-size:2rem;font-weight:700;color:var(--brand-primary);transition:all .3s ease}.questions-list{max-height:0;overflow:hidden;transition:max-height .5s ease}.faq-category.open .questions-list{max-height:2000px}.faq-item{border-top:1px solid #ffffff1a}.faq-item:hover{background:#ffffff0d}.question-header{padding:1.5rem 2rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.question-header:hover{background:#ffffff0d}.question-text{font-size:1.125rem;font-weight:600;color:#fff;margin:0;flex:1 1;padding-right:2rem}.question-toggle{font-size:1.5rem;font-weight:700;color:var(--brand-primary);transition:all .3s ease;flex-shrink:0}.question-answer{max-height:0;overflow:hidden;transition:max-height .5s ease;background:#ffffff0d}.question-answer.open{max-height:200px}.question-answer p{padding:0 2rem 1.5rem;margin:0;color:#ffffffe6;line-height:1.6;font-size:1rem}.faq-contact{padding:6rem 0;text-align:center;position:relative;z-index:10}.faq-contact-container{max-width:600px;margin:0 auto;padding:0 2rem}.faq-contact-content h2{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,var(--brand-primary));-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text;text-shadow:0 4px 8px #0000001a}.faq-contact-content p{font-size:1.25rem;color:#ffffffe6;line-height:1.6;margin-bottom:2rem}.contact-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.contact-actions .btn{min-width:200px}@media (max-width:768px){.faq-hero-content h1{font-size:2.5rem}.faq-hero-subtitle{font-size:1.25rem}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.category-card{padding:2rem 1.5rem}.faq-questions-container{padding:0 1rem}.contact-actions{flex-direction:column;align-items:center}.contact-actions .btn{width:100%;max-width:300px}}@media (max-width:480px){.faq-hero-content h1{font-size:2rem}.faq-hero-subtitle{font-size:1.125rem}.faq-hero-description{font-size:1rem}.category-card{padding:1.5rem 1rem}.category-title{font-size:1.25rem}.faq-contact-content h2{font-size:2rem}.faq-contact-content p{font-size:1.125rem}}.signup-form .btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 35px #ff6b6b99}.signup-form .btn:disabled{background:#fff3;color:#fff9;cursor:not-allowed;transform:none;box-shadow:none}.payment-note{margin-top:2rem}.terms{color:#ffffffb3}@media (max-width:768px){.signup-card{padding:1.5rem 1.25rem;margin:1rem}.plan-options,.user-type-options{grid-template-columns:1fr;gap:1.5rem;margin:1.5rem auto 1rem}.card-details-row{grid-template-columns:1fr}.header-content h1,.user-type-title{font-size:1.75rem}.header-content p{font-size:.9rem}.header-content p:after{width:30px;bottom:-.4rem}.user-type-card{padding:2rem 1.5rem}.user-type-card h3{font-size:1.125rem}.user-type-card p{font-size:.85rem}.signup-page{padding:1rem;display:flex;align-items:center;justify-content:center;min-height:100vh}.signup-container{max-width:100%;width:100%;margin:0 auto}.signup-card{padding:1.5rem 1.25rem;margin:0}.user-type-options{margin:1rem auto;gap:.75rem}.user-type-card{padding:1.25rem}}@media (max-width:480px){.signup-page{padding:.75rem;display:flex;align-items:center;justify-content:center;min-height:100vh}.signup-container{max-width:100%;width:100%;margin:0 auto}.signup-card{padding:1.25rem 1rem;border-radius:16px;margin:0}.user-type-options{margin:1rem auto;gap:.75rem}.user-type-card{padding:1rem;border-radius:12px}.header-content h1,.user-type-title{font-size:1.5rem}.header-content p{font-size:.85rem}.header-content p:after{width:25px;bottom:-.3rem}.user-type-card{padding:1.75rem 1.25rem}.user-type-options{gap:1.25rem;margin:1.25rem auto .75rem}.signup-footer{margin-top:1rem;padding-top:1rem}}@media (max-width:768px){.landing-hero h1{font-size:2.5rem}.landing-hero p{font-size:1.125rem}.family-header-content{flex-direction:column;gap:1rem}.family-nav{order:3;width:100%;justify-content:center}.form-container{margin:1rem;padding:1.5rem}}.dashboard-page{background:linear-gradient(135deg,var(--brand-primary) 0,var(--error) 100%);min-height:100vh;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.dashboard-header{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid #fff3;padding:2rem 0;margin-bottom:3rem;position:relative}.dashboard-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="white" opacity="0.05"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.5}.dashboard-title{font-size:3rem;font-weight:800;color:var(--text-primary);margin:0;text-align:center;text-shadow:0 2px 4px #1a1a1a26;position:relative;z-index:2}.dashboard-content{max-width:1200px;margin:0 auto;padding:0 2rem}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:2rem;gap:2rem;margin-bottom:3rem}.dashboard-card{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff3;border-radius:20px;padding:2.5rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.dashboard-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0003;border-color:#fff6;background:#ffffff26}.dashboard-card-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:#fff;position:relative;z-index:2}.dashboard-card-content{color:#ffffffe6;line-height:1.7;font-size:1rem;position:relative;z-index:2}.family-dashboard{background:var(--background-blend);min-height:100vh;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative}.family-dashboard:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' 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%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;z-index:1}.family-dashboard-header{background:#fffffffa;border-bottom:1px solid #fff3;padding:0;transition:all .3s ease;box-shadow:0 4px 20px #00000014;width:100%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.family-dashboard-header.header-hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.family-dashboard-header,.family-dashboard-header.header-hidden{transition:all .4s cubic-bezier(.4,0,.2,1)}.family-header-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.family-header-content{display:flex;align-items:center;justify-content:space-between;min-height:64px;flex-direction:row;position:relative;width:100%}.family-hamburger-section{display:flex;align-items:center;flex-shrink:0;width:80px}.family-hamburger-btn{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease}.family-hamburger-btn:hover{background:var(--gray-100)}.family-logo-section{display:flex;align-items:center;flex:1 1;justify-content:center}.family-logo{display:flex;align-items:center;cursor:pointer;transition:all .2s ease;padding:.5rem;border-radius:8px}.family-logo:hover{background:var(--gray-100);transform:scale(1.05)}.family-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--brand-primary) 0,var(--error) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 15px #667eea4d;border:2px solid #fff3}.family-logo-text h1{font-size:1.5rem;font-weight:700;margin:0;background:linear-gradient(135deg,#fff,var(--brand-primary));-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text}.family-logo-text span{font-size:.875rem;color:#fffc;display:block;font-weight:400}.family-user-section{position:relative;display:flex;align-items:center;flex-shrink:0;width:80px;justify-content:flex-end}.family-user-info{text-align:right}.family-logout-btn,.family-user-name,.family-user-type{color:var(--text-primary)}.family-logout-btn{padding:.5rem 1rem;border-radius:8px;border:2px solid var(--beach-sand-dark);background:var(--beach-sand-light);font-size:.75rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.family-logout-btn:hover{background:var(--beach-sand);border-color:var(--aqua-blue);transform:translateY(-1px)}.family-dashboard-content{position:relative;z-index:2;padding:2rem 0;background:#0000;min-height:100vh}.family-dashboard-content div,.family-dashboard-content h1,.family-dashboard-content h2,.family-dashboard-content h3,.family-dashboard-content h4,.family-dashboard-content h5,.family-dashboard-content h6,.family-dashboard-content p,.family-dashboard-content span{color:var(--text-primary)!important;text-shadow:0 1px 2px #1a1a1a0d}.family-hamburger-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--gray-200);border-top:none;border-radius:0 0 12px 12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:10;overflow:hidden}.family-hamburger-nav{display:flex;flex-direction:column;padding:.5rem}.family-hamburger-link{padding:.75rem 1rem;border:none;background:none;text-align:left;font-size:.875rem;color:var(--gray-700);cursor:pointer;transition:all .2s ease;border-radius:6px}.family-hamburger-link:hover{background:var(--gray-100);color:var(--gray-800)}.family-hamburger-link.active,.family-hamburger-link.storyteller-hamburger-btn{background:var(--info);color:#fff}.family-hamburger-link.storyteller-hamburger-btn:hover{background:#2563eb}@media (max-width:1024px){.family-header-container{padding:0 1rem}.family-header-content{min-height:56px;flex-direction:row}.family-hamburger-section,.family-user-section{width:60px}.family-logo-section{flex:1 1;justify-content:center}.family-user-btn{padding:.375rem .625rem;gap:.375rem}.family-user-avatar{width:28px;height:28px;font-size:.8rem}}.about-page *,.family-dashboard *,.faq-page *,.landing-page *,.login-page *,.pricing-page *,.signup-page *{color:var(--text-primary)!important}.section-header h1,.section-header h2,.section-header h3,.section-header h4,.section-header h5,.section-header h6{background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:unset!important;background-clip:unset!important;color:var(--text-primary)!important;text-shadow:0 2px 4px #1a1a1a26!important;font-weight:700!important}.section-header div,.section-header p,.section-header span{color:var(--text-primary)!important;text-shadow:0 1px 2px #1a1a1a14!important}.family-dashboard h1,.family-dashboard h2,.family-dashboard h3,.family-dashboard h4,.family-dashboard h5,.family-dashboard h6,.landing-page h1,.landing-page h2,.landing-page h3,.landing-page h4,.landing-page h5,.landing-page h6,.login-page h1,.login-page h2,.login-page h3,.login-page h4,.login-page h5,.login-page h6,.signup-page h1,.signup-page h2,.signup-page h3,.signup-page h4,.signup-page h5,.signup-page h6{color:var(--text-primary)!important;text-shadow:0 2px 4px #1a1a1a26;font-weight:700}.family-dashboard div,.family-dashboard p,.family-dashboard span,.landing-page div,.landing-page p,.landing-page span,.login-page div,.login-page p,.login-page span,.signup-page div,.signup-page p,.signup-page span{color:var(--text-primary)!important;text-shadow:0 1px 2px #1a1a1a14;font-weight:500}.family-dashboard-container{max-width:1200px;margin:0 auto;padding:0 2rem}.dashboard-section{margin-bottom:4rem;position:relative;background:var(--beach-sand-light);border-radius:28px;padding:3rem;box-shadow:0 15px 50px var(--shadow-color);border:2px solid var(--border-soft);transition:all .4s cubic-bezier(.4,0,.2,1);animation:sectionSlideIn .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dashboard-section *{color:var(--text-primary)!important}.dashboard-section h1,.dashboard-section h2,.dashboard-section h3,.dashboard-section h4,.dashboard-section h5,.dashboard-section h6{text-shadow:0 2px 4px #1a1a1a1a;font-weight:700}.dashboard-section div,.dashboard-section p,.dashboard-section span{text-shadow:0 1px 2px #1a1a1a0d;font-weight:500}.dashboard-section:first-child{animation-delay:.1s}.dashboard-section:nth-child(2){animation-delay:.2s}.dashboard-section:nth-child(3){animation-delay:.3s}.dashboard-section:nth-child(4){animation-delay:.4s}.dashboard-section:hover{transform:translateY(-8px);box-shadow:0 25px 80px var(--shadow-aqua);border-color:var(--aqua-blue-soft);background:var(--beach-sand-warm)}@keyframes sectionSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.dashboard-section-header{margin-bottom:3rem;text-align:center;position:relative}.dashboard-section-title{font-size:2.75rem;font-weight:800;margin:0 0 1.5rem;color:var(--text-primary);position:relative;display:inline-block;text-shadow:0 2px 4px #1a1a1a1a}.dashboard-section-title:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translateX(-50%);width:100px;height:4px;background:linear-gradient(90deg,var(--beach-sand-warm),var(--aqua-blue-soft),var(--aqua-blue-dark));border-radius:2px;opacity:.8}.dashboard-section-subtitle{font-size:1.25rem;color:var(--text-primary);font-weight:600;line-height:1.7;max-width:600px;margin:0 auto;text-shadow:0 1px 2px #1a1a1a0d}.storytellers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2.5rem;gap:2.5rem;margin-top:3rem;justify-items:center}@media (max-width:768px){.storytellers-grid{grid-template-columns:1fr;justify-items:center;align-items:center;max-width:100%;padding:0 1rem}.storyteller-card{width:100%;max-width:400px;margin:0 auto}}.storyteller-card{background:var(--beach-sand-light);border:2px solid var(--border-soft);border-radius:24px;padding:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 32px var(--shadow-color)}.storyteller-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--beach-sand-warm),var(--aqua-blue-soft),var(--aqua-blue-dark));transform:scaleX(0);transition:transform .4s ease;opacity:.9}.storyteller-card:hover:before{transform:scaleX(1)}.storyteller-card:hover{transform:translateY(-12px);box-shadow:0 25px 60px var(--shadow-aqua);border-color:var(--aqua-blue-soft);background:var(--beach-sand-warm)}.storyteller-info{display:flex;align-items:center;gap:1.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid var(--beach-sand-light)}.storyteller-avatar{width:70px;height:70px;background:linear-gradient(135deg,var(--beach-sand-warm),var(--aqua-blue-soft),var(--aqua-blue-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1.5rem;font-weight:700;box-shadow:0 8px 25px var(--shadow-aqua);border:3px solid var(--white);transition:all .3s ease}.storyteller-card:hover .storyteller-avatar{transform:scale(1.1);box-shadow:0 12px 35px var(--shadow-aqua);background:linear-gradient(135deg,var(--aqua-blue-soft),var(--aqua-blue-dark),var(--beach-sand-dark))}.storyteller-details h3{margin:0 0 .75rem;font-size:1.5rem;font-weight:700;line-height:1.2}.storyteller-details h3,.storyteller-details p{color:var(--text-primary);text-shadow:0 1px 2px #1a1a1a0d}.storyteller-details p{margin:0;font-size:1rem;font-weight:600}.storyteller-stats{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.stat-item{padding:1.5rem;background:var(--beach-sand-light);border-radius:16px;border:2px solid var(--border-soft);transition:all .3s ease}.stat-item:hover{background:var(--beach-sand-warm);border-color:var(--aqua-blue-soft);transform:translateY(-2px);box-shadow:0 8px 25px var(--shadow-aqua)}.stat-number{font-size:2.5rem;font-weight:900;line-height:1;text-shadow:0 2px 4px #1a1a1a26}.stat-label,.stat-number{color:var(--text-primary)}.stat-label{font-size:.85rem;font-weight:700;text-shadow:0 1px 2px #1a1a1a1a;white-space:nowrap;overflow:visible;text-overflow:clip;max-width:none}.storyteller-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}.storyteller-actions .btn{flex:1 1;min-width:140px;padding:1rem 1.5rem;border-radius:16px;font-size:.95rem;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;text-transform:uppercase;letter-spacing:.5px}.btn-primary{background:linear-gradient(135deg,var(--aqua-blue-soft),var(--aqua-blue-dark));color:var(--text-on-dark);box-shadow:0 6px 20px var(--shadow-aqua);font-weight:600}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 30px var(--shadow-aqua);background:linear-gradient(135deg,var(--aqua-blue),var(--aqua-blue-dark),var(--beach-sand-dark))}.btn-secondary{background:linear-gradient(135deg,var(--beach-sand-light),var(--beach-sand-warm));color:var(--text-primary);border:2px solid var(--border-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:600}.btn-secondary:hover{background:linear-gradient(135deg,var(--beach-sand),var(--aqua-blue-light));border-color:var(--aqua-blue-soft);box-shadow:0 8px 25px var(--shadow-aqua)}.btn-sm{padding:.5rem .75rem;font-size:.75rem;border-radius:8px}.btn-lg{padding:1rem 1.5rem;font-size:1rem;border-radius:12px}.btn-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-disabled:hover{transform:none;box-shadow:none}.empty-state{padding:4rem 3rem;background:var(--beach-sand-light);border:3px solid var(--border-soft);border-radius:28px;margin:3rem 0;box-shadow:0 15px 50px var(--shadow-color);position:relative;overflow:hidden}.empty-state:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--beach-sand-warm),var(--aqua-blue-soft),var(--aqua-blue-dark));opacity:.8}.empty-state h3{font-size:2rem;margin:0 0 1.5rem;text-shadow:0 2px 4px #1a1a1a1a}.empty-state h3,.empty-state p{color:var(--text-primary);position:relative;z-index:1}.empty-state p{line-height:1.7;text-shadow:0 1px 2px #1a1a1a0d}.feature-list{list-style:none;padding:0;text-align:left;max-width:500px;margin:2rem auto 0;position:relative;z-index:1}.feature-list li{color:var(--text-primary);font-size:1rem;line-height:1.6;border-bottom:2px solid var(--border-light);position:relative;padding:1rem 0 1rem 2rem;transition:all .3s ease;font-weight:500}.feature-list li:before{content:"✨";position:absolute;left:0;top:1rem;font-size:1.2rem}.feature-list li:hover{color:var(--text-primary);padding-left:2.5rem;font-weight:600}.feature-list li:last-child{border-bottom:none}.loading-state{text-align:center;padding:3rem 2rem;color:#ffffffb3}.loading-state p{font-size:1.125rem}.message-banner{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff3;margin-bottom:1.5rem;transition:all .3s ease-in-out;transform:translateY(0);opacity:1;animation:slideInFromTop .3s ease-out}@keyframes slideInFromTop{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.message-banner.hiding{transform:translateY(-10px);opacity:0}.message-banner p{margin:0;color:#fff;font-weight:500}.message-banner.error{border-color:#ef444466}.message-banner.success{border-color:#22c55e66}.family-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:2rem}.stat-card{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff3;border-radius:20px;padding:2rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible}.stat-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0003;border-color:#fff6;background:#ffffff26}.stat-number{font-size:3rem;font-weight:700;color:var(--brand-primary);margin:0 0 .5rem;text-shadow:0 2px 10px #feca574d}.stat-label{font-size:1rem;color:#fffc;margin:0;text-transform:uppercase;letter-spacing:.5px}.link-storyteller-form{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff3;border-radius:20px;padding:2rem;max-width:500px;margin:0 auto}.form-group label{margin-bottom:.75rem;font-weight:700;font-size:1rem;text-shadow:0 1px 3px #0000001a;letter-spacing:.025em}.form-input{border:2px solid var(--border-soft);border-radius:16px;background:#ffffffe6;font-weight:500;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 2px 8px var(--shadow-color)}.form-group textarea::placeholder,.form-input::placeholder{color:var(--text-secondary);opacity:.7}.form-input:focus{border-color:var(--aqua-blue);background:#fff;box-shadow:0 0 0 4px var(--shadow-aqua),0 4px 16px var(--shadow-color);transform:translateY(-1px)}.form-input:hover{border-color:var(--aqua-blue-soft);background:#fff;box-shadow:0 4px 16px var(--shadow-color)}.form-input[readonly]{background:#ffffffe6!important;color:var(--text-primary)!important;border-color:var(--border-soft)!important;cursor:default}.form-input[readonly]:focus,.form-input[readonly]:hover{background:#fff!important;border-color:var(--border-soft)!important;box-shadow:0 2px 8px var(--shadow-color)!important}.form-input[readonly]:focus{transform:none!important}.form-group small{margin-top:.75rem;color:var(--text-secondary);line-height:1.5;font-weight:500}.limit-info{color:var(--warning);font-weight:600;background:#fbbf2433;padding:.5rem .75rem;border-radius:8px;border:2px solid #fbbf2466;display:inline-block;margin-top:.5rem;box-shadow:0 2px 8px #fbbf2433}.storyteller-filter{margin-top:1rem;text-align:center}.call-stats{margin-bottom:1rem}.call-stat-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#ffffff1a;border-radius:8px;margin-bottom:.5rem;border:1px solid #fff3}.call-stat-label{color:#ffffffb3;font-size:.875rem;font-weight:500}.call-stat-count{font-weight:600;font-size:.875rem;transition:all .3s ease-in-out}.call-stat-count.updating{animation:pulse .6s ease-in-out}.week-blocked-indicator{margin-left:.5rem;font-size:.875rem;opacity:.8;cursor:help}.call-stat-count.limit-reached{color:#f87171}.call-stat-count.approaching-limit{color:var(--warning)}.call-stat-count.within-limit{color:#34d399}.call-stats-loading{text-align:center;color:#fff9;font-size:.875rem;padding:1rem}.avatar-initial{font-size:1.5rem;font-weight:600;color:#fff}.storyteller-name{margin:0 0 .25rem;font-size:1.125rem;font-weight:600;color:#fff}.storyteller-code{margin:0;color:#ffffffb3;font-size:.875rem;font-family:Courier New,monospace;background:#ffffff1a;padding:.25rem .5rem;border-radius:4px;border:1px solid #fff3}.family-user-btn{padding:.5rem .75rem;border-radius:8px;background:var(--gray-50);border:1px solid var(--gray-200);transition:all .2s ease;box-shadow:0 1px 2px 0 #0000000d}.family-user-name-btn:before{transition:left .5s ease}.family-user-btn:hover{background:var(--gray-100);border-color:var(--gray-300);box-shadow:0 2px 4px 0 #0000001a}.family-user-name-btn:active{transform:translateY(0);box-shadow:0 4px 20px #0000001a}.family-user-name-btn:focus{outline:none;box-shadow:0 0 0 3px #667eea4d,0 4px 20px #0000001a}.family-user-name-btn:focus-visible{outline:2px solid #667eea80;outline-offset:2px}.family-user-avatar{width:32px;height:32px;background:var(--info);transition:all .2s ease}@keyframes avatarPulse{0%,to{box-shadow:0 4px 15px #667eea4d}50%{box-shadow:0 4px 25px #667eea80}}.family-user-name-btn:hover .family-user-avatar{transform:scale(1.05);box-shadow:0 6px 20px #667eea66}.family-user-name-btn:hover .family-dropdown-arrow{transform:translateY(1px)}.family-dropdown-arrow.open{transform:rotate(180deg)}.family-dropdown-menu{background:linear-gradient(135deg,#1a1a2e,#16213e);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 32px 64px #0006,0 16px 32px #0000004d,inset 0 0 0 1px #ffffff0d,0 0 0 1px #667eea33;min-width:280px;z-index:999999;margin-top:1rem;animation:dropdownSlideIn .5s cubic-bezier(.16,1,.3,1);overflow:hidden;transform-origin:top right;will-change:transform,opacity;isolation:isolate;pointer-events:auto}.family-dropdown-menu:hover{animation:dropdownFloat 6s ease-in-out infinite}@keyframes dropdownFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.family-dropdown-menu:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#0000,#667eea99,#0000)}.family-dropdown-menu:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea0d,#0000 50%,#ffffff05);pointer-events:none}.family-user-info{padding:2rem 2rem 1.5rem;border-bottom:1px solid #ffffff14;transition:all .3s ease}.family-user-info:hover{background:linear-gradient(135deg,#667eea26,#764ba214)}.family-user-info:after{content:"";position:absolute;bottom:0;left:2rem;right:2rem;height:1px;background:linear-gradient(90deg,#0000,#667eea4d,#0000)}.family-user-name{font-weight:800;margin-bottom:.75rem;font-size:1.4rem;letter-spacing:-.02em;text-shadow:0 2px 8px #0000004d;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text}.family-user-type{font-size:.9rem;color:#ffffffb3;text-transform:capitalize;display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:linear-gradient(135deg,#ffffff14,#ffffff08);border-radius:12px;border:1px solid #ffffff1f;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;overflow:hidden}.family-user-type:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);transition:left .6s ease}.family-user-info:hover .family-user-type:after{left:100%}.family-dropdown-divider{background:linear-gradient(90deg,#0000,#667eea33,#0000)}.family-profile-btn{width:calc(100% - 2rem);padding:1.25rem 2rem;text-align:left;background:linear-gradient(135deg,#667eea1a,#764ba20d);border:1px solid #667eea33;color:#a5b4fc;font-weight:600;font-size:1rem;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:16px;margin:.75rem 1rem .5rem;position:relative;overflow:hidden;display:flex;align-items:center;gap:1rem;cursor:pointer}.family-profile-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#0000,#667eea26,#0000);transition:left .6s ease}.family-profile-btn:hover{background:linear-gradient(135deg,#667eea33,#764ba21a);border-color:#667eea4d;color:#c7d2fe;transform:translateX(8px) translateY(-2px);box-shadow:0 8px 25px #667eea40,inset 0 0 0 1px #667eea1a}.family-profile-btn:hover:after{left:100%}.family-profile-btn:active{transform:translateX(8px) translateY(0) scale(.98)}.family-logout-btn{width:calc(100% - 2rem);padding:1.25rem 2rem;text-align:left;background:linear-gradient(135deg,#ef44441a,#dc26260d);border:1px solid #ef444433;color:#fca5a5;font-weight:600;font-size:1rem;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:16px;margin:.75rem 1rem 1rem;position:relative;overflow:hidden;display:flex;align-items:center;gap:1rem;cursor:pointer}.family-logout-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#0000,#ef444426,#0000);transition:left .6s ease}.family-logout-btn:hover{background:linear-gradient(135deg,#ef444433,#dc26261a);border-color:#ef44444d;color:#fecaca;transform:translateX(8px) translateY(-2px);box-shadow:0 8px 25px #ef444440,inset 0 0 0 1px #ef44441a}.family-logout-btn:hover:after{left:100%}.family-logout-btn:active{transform:translateX(8px) translateY(0) scale(.98)}.family-dropdown-arrow{font-size:.8rem;color:#fffc;transition:all .4s cubic-bezier(.34,1.56,.64,1);opacity:.9;margin-left:.75rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.family-user-name-btn:hover .family-dropdown-arrow{opacity:1;transform:translateY(2px);color:#fff}.family-dropdown-arrow.open{transform:rotate(180deg) translateY(-2px);opacity:1;color:#667eea;filter:drop-shadow(0 1px 3px rgba(102,126,234,.3))}.family-user-name-btn{display:flex;align-items:center;gap:1rem;padding:.875rem 1.5rem;border-radius:50px;background:linear-gradient(135deg,#ffffff26,#ffffff14);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff3;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 8px 32px #00000026,inset 0 0 0 1px #ffffff1a;position:relative;overflow:hidden}.family-user-name-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);transition:left .6s ease}.family-user-name-btn:hover:before{left:100%}.family-user-name-btn:hover{background:linear-gradient(135deg,#fff3,#ffffff1f);border-color:#ffffff4d;transform:translateY(-3px);box-shadow:0 16px 40px #0003,inset 0 0 0 1px #ffffff26}.family-user-name-btn:active{transform:translateY(-1px);box-shadow:0 8px 32px #00000026,inset 0 0 0 1px #ffffff1a}.family-user-name-btn[aria-expanded=true]{background:linear-gradient(135deg,#667eea33,#764ba226);border-color:#667eea4d;box-shadow:0 16px 40px #667eea33,inset 0 0 0 1px #667eea33;animation:subtlePulse 3s ease-in-out infinite}@keyframes subtlePulse{0%,to{box-shadow:0 16px 40px #667eea33,inset 0 0 0 1px #667eea33}50%{box-shadow:0 16px 40px #667eea40,inset 0 0 0 1px #667eea40}}.family-user-avatar{width:2.75rem;height:2.75rem;background:linear-gradient(135deg,var(--brand-primary) 0,var(--error) 100%);font-weight:800;font-size:1.2rem;color:#fff;text-shadow:0 2px 4px #0000004d;box-shadow:0 8px 25px #667eea4d,inset 0 0 0 1px #fff3;transition:all .4s ease;position:relative;overflow:hidden}.family-user-avatar:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,#0000,#ffffff26,#0000);transform:rotate(45deg);transition:all .8s ease;opacity:0}.family-user-name-btn:hover .family-user-avatar{transform:scale(1.08);box-shadow:0 12px 35px #667eea66,inset 0 0 0 1px #ffffff40}.family-user-name-btn:hover .family-user-avatar:before{opacity:1;transform:rotate(45deg) translate(50%,50%)}.family-user-name-text{font-weight:700;font-size:1rem;transition:all .4s ease;letter-spacing:-.01em}.family-user-name-btn:hover .family-user-name-text{text-shadow:0 2px 6px #0006;color:#f8fafc}.scheduled-calls-section{margin-top:3rem}.scheduled-calls-section .section-header{text-align:center;margin-bottom:2.5rem}.scheduled-calls-section .section-header h2{font-size:2.25rem;font-weight:700;color:#fff;margin-bottom:.75rem;text-shadow:0 2px 8px #0000004d;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text}.scheduled-calls-section .section-header p{color:#ffffffe6;font-size:1.125rem;font-weight:500;text-shadow:0 1px 3px #0003}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:250px;padding:3rem;background:linear-gradient(135deg,#ffffff14,#ffffff0d);border:2px solid var(--border-soft);border-radius:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.empty-state h3{color:#fff;font-size:1.75rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 8px #0000004d}.empty-state p{color:#fffc;font-size:1.125rem;font-weight:500}.scheduled-calls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:2rem;gap:2rem;margin-top:2rem}@media (max-width:768px){.scheduled-calls-grid{grid-template-columns:1fr;gap:1.5rem;margin-top:1.5rem}.call-card{padding:2rem;border-radius:20px}.call-header h4{font-size:1.5rem}.call-actions{flex-direction:column;gap:.75rem}.call-actions .btn{width:100%;min-width:auto}.scheduled-calls-section .section-header h2{font-size:2rem}}.call-card{background:linear-gradient(135deg,#fffffff2,#ffffffe6);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:3px solid var(--border-soft);border-radius:24px;padding:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);transform:translateX(0);opacity:1;height:auto;margin-bottom:1rem;overflow:visible;box-shadow:0 20px 60px var(--shadow-color);position:relative}.call-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#00000005,#00000003);pointer-events:none;border-radius:24px}.call-card.removing{transform:translateX(-20px);opacity:0;height:0;margin-bottom:0;padding:0;overflow:hidden}.call-card.adding{animation:slideInFromRight .4s ease-out}.call-card *{transition:all .2s ease-in-out}.call-card:hover{transform:translateY(-4px);box-shadow:0 30px 80px var(--shadow-color);border-color:var(--aqua-blue-soft)}.call-card .btn{transition:all .2s ease-in-out}.call-card .btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0003}.call-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e5e7ebcc;position:relative;z-index:1}.call-header h4{font-size:1.75rem;font-weight:700;color:var(--gray-800);margin:0 0 1rem;text-shadow:0 1px 3px #0000001a}.status-badge{transition:all .3s ease;display:inline-block;padding:.5rem 1.5rem;border-radius:50px;font-weight:700;box-shadow:0 2px 8px #0000001a}.status-scheduled{background:linear-gradient(135deg,var(--aqua-blue-soft),var(--aqua-blue));color:#fff;border:2px solid #3b82f64d;box-shadow:0 4px 16px #3b82f633}.status-completed{background:linear-gradient(135deg,#34d399,var(--success));color:#fff;border:2px solid #34d3994d;box-shadow:0 4px 16px #34d39933}.status-missed{background:linear-gradient(135deg,#f87171,var(--error));color:#fff;border:2px solid #f871714d;box-shadow:0 4px 16px #f8717133}.status-cancelled{background:linear-gradient(135deg,var(--gray-400),var(--gray-500));color:#fff;border:2px solid #9ca3af4d;box-shadow:0 4px 16px #9ca3af33}.call-details{margin-bottom:2rem;position:relative;z-index:1}.call-date-time{background:#f9fafbcc;padding:1.5rem;border-radius:16px;border:2px solid #e5e7ebcc;margin-bottom:1.5rem}.call-date-time p{margin:0 0 .75rem;color:var(--gray-700);font-size:1rem;font-weight:500}.call-date-time p:last-child{margin-bottom:0}.call-date-time strong{color:var(--gray-800);font-weight:700}.call-question{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #e5e7ebcc}.call-question strong{color:var(--gray-800);font-weight:700;display:block;margin-bottom:1rem;font-size:1.125rem;text-shadow:0 1px 2px #0000001a}.question-text{color:var(--gray-700);font-size:1rem;line-height:1.6;background:#f9fafbe6;padding:1.5rem;border-radius:16px;border:2px solid #e5e7ebcc;font-weight:500;box-shadow:0 2px 8px #0000000d}.call-actions{gap:1rem;flex-wrap:wrap;align-items:center;margin-top:2rem;padding-top:1.5rem;border-top:2px solid #e5e7ebcc;position:relative;z-index:1}.call-actions .btn{padding:1rem 1.5rem;border-radius:16px;font-size:.875rem;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;min-width:120px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 16px #0000001a}.btn-danger{background:linear-gradient(135deg,#f87171,var(--error));border:2px solid #f871714d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-danger:hover{background:linear-gradient(135deg,var(--error),var(--error-dark));border-color:#f8717180;box-shadow:0 8px 25px #f871714d}.btn-call-now{background:linear-gradient(135deg,#34d399 0,var(--success) 100%);color:#fff;box-shadow:0 4px 15px #34d3994d}.btn-call-now:hover{transform:translateY(-2px);box-shadow:0 8px 25px #34d39966}.scheduled-calls-section .btn-call-now{background:linear-gradient(135deg,var(--aqua-blue-soft),var(--aqua-blue));box-shadow:0 4px 15px #3b82f633}.scheduled-calls-section .btn-call-now:hover{box-shadow:0 6px 20px #3b82f64d}.text-muted{color:#fff9!important;font-size:.875rem;font-style:italic}.status-text{background:#3b82f614;border:1px solid #3b82f633;border-radius:12px;padding:1rem;margin-bottom:1rem;text-align:center;color:var(--info);font-weight:500;box-shadow:0 2px 8px #3b82f60d}.message-banner{background:linear-gradient(135deg,#34d39914,#10b98114);border:2px solid #34d39933;border-radius:16px;color:var(--success);font-weight:600;box-shadow:0 4px 16px #34d3990d}.message-banner.error{background:linear-gradient(135deg,#f8717114,#ef444414);border-color:#f8717133;box-shadow:0 4px 16px #f871710d}@keyframes overlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.modal-overlay{background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;animation:overlayFadeIn .3s cubic-bezier(.4,0,.2,1)}.confirmation-modal{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff3;border-radius:20px;padding:2rem;max-width:500px;width:100%;text-align:center}.modal-header{justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:3px solid var(--border-soft)}.modal-header h3{margin:0;color:var(--text-primary);font-size:1.75rem;font-weight:700;text-shadow:0 2px 8px #0000001a}.close-btn{background:var(--beach-sand-dark);border:2px solid var(--border-soft);color:var(--text-primary);padding:0;width:36px;height:36px;transition:all .3s ease;font-size:1.25rem;font-weight:600}.close-btn:hover{background:var(--aqua-blue-soft);border-color:var(--aqua-blue);color:var(--text-on-dark);transform:scale(1.1);box-shadow:0 4px 12px var(--shadow-aqua)}.modal-content p{color:#fffc;margin:0 0 2rem;line-height:1.6;font-size:1.125rem}.modal-actions{display:flex;gap:1rem;justify-content:center}.modal-actions .btn{padding:.75rem 1.5rem;border-radius:12px;font-size:.875rem;font-weight:500;transition:all .3s ease;border:none;cursor:pointer;min-width:120px}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.animate-slide-in-left{animation:slideInLeft .6s ease-out forwards}.animate-slide-in-right{animation:slideInRight .6s ease-out forwards}.call-scheduler-modal{background:linear-gradient(135deg,var(--beach-sand-light),var(--beach-sand-warm));-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:3px solid var(--border-soft);border-radius:20px;padding:1.5rem;max-width:550px;width:100%;max-height:80vh;overflow-y:auto;overflow-x:visible;position:relative;animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1);transform-origin:center;box-shadow:0 20px 60px var(--shadow-color)}.call-scheduler-modal .form-group.compact{margin-bottom:.75rem}.call-scheduler-modal .form-group.compact label{font-size:.85rem;margin-bottom:.3rem;font-weight:600}.call-scheduler-modal .form-input.compact{padding:.5rem .7rem;font-size:.85rem;min-height:2.2rem}.call-scheduler-modal .form-input.compact[rows="3"]{min-height:4.5rem;resize:vertical}.call-scheduler-modal .form-input.compact[readonly]{background:#ffffffe6!important;color:var(--text-primary)!important;border-color:var(--border-soft)!important;cursor:default}.call-scheduler-modal .form-input.compact[readonly]:focus,.call-scheduler-modal .form-input.compact[readonly]:hover{background:#fff!important;border-color:var(--border-soft)!important;box-shadow:0 2px 8px var(--shadow-color)!important;transform:none!important}.call-scheduler-modal .compact-help{font-size:.7rem;margin-top:.2rem;color:var(--text-secondary)}.call-scheduler-modal .form-row.compact{gap:.75rem;margin-bottom:.75rem}.call-scheduler-modal .form-row.compact .form-group{flex:1 1;margin-bottom:0}.call-scheduler-modal .duration-display.compact{padding:.4rem .6rem;margin:.4rem 0}.call-scheduler-modal .question-type-selector.compact{margin-bottom:.5rem}.call-scheduler-modal .radio-group.compact{gap:.5rem}.call-scheduler-modal .radio-label.compact{padding:.4rem .6rem;font-size:.8rem}.call-scheduler-modal .random-question-display.compact{padding:.6rem;margin-bottom:.5rem}.call-scheduler-modal .random-question-text{font-size:.85rem;line-height:1.3;margin-bottom:.4rem}.call-scheduler-modal .generate-question-btn.compact{padding:.3rem .6rem;font-size:.75rem}.call-scheduler-modal .question-validation-message.compact{padding:.4rem .6rem;margin:.4rem 0;font-size:.75rem}.call-scheduler-modal .weekly-limit-warning{padding:.6rem;margin:.5rem 0;font-size:.8rem}.call-scheduler-modal .warning-content{gap:.2rem}.call-scheduler-modal .warning-title{font-size:.85rem;font-weight:600}.call-scheduler-modal .warning-message{font-size:.75rem}.call-scheduler-modal .modal-header.compact{padding-bottom:.75rem;margin-bottom:.75rem}.call-scheduler-modal .modal-header.compact h3{font-size:1.1rem;margin:0}.call-scheduler-modal .form-actions.compact{margin-top:.5rem;gap:.6rem}.call-scheduler-modal .btn.compact{padding:.5rem 1rem;font-size:.85rem;min-height:2.2rem}.question-guidelines{background:#ffffffe6;border:1px solid var(--border-soft);border-radius:8px;padding:.75rem;margin:.5rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px var(--shadow-color)}.guidelines-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:600;color:var(--text-primary);font-size:.875rem}.guidelines-icon{font-size:1rem}.guidelines-title{font-size:.875rem}.guidelines-content{display:flex;flex-direction:column;gap:.25rem}.guideline-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.8rem;color:var(--text-secondary);line-height:1.3}.guideline-check{color:var(--success)}.guideline-check,.guideline-x{font-weight:700;font-size:.75rem;margin-top:.1rem}.guideline-x{color:var(--error)}.guideline-warning{color:var(--warning)}.question-quality-feedback{margin-top:.5rem}.quality-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:6px;font-size:.8rem;font-weight:500}.quality-indicator.quality-good{background:#10b9811a;border:1px solid #10b9814d;color:var(--success)}.quality-indicator.quality-warning{background:#f59e0b1a;border:1px solid #f59e0b4d;color:var(--warning)}.quality-icon{font-weight:700;font-size:.9rem}.quality-text{line-height:1.3}.weekly-usage-indicator{margin-top:.5rem;padding:.75rem;background:#fff6;border-radius:10px;border:2px solid var(--border-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.weekly-usage-indicator:hover{background:#fff9;border-color:var(--aqua-blue-soft);transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow-color)}.weekly-usage-indicator small{color:var(--text-primary);font-size:.8rem;display:flex;align-items:center;gap:.4rem}.usage-icon{color:var(--text-primary);flex-shrink:0}.usage-icon.loading{animation:spin 1s linear infinite}.usage-count{color:var(--success);font-weight:600;margin:0 .25rem}.weekly-usage-indicator .usage-count{background:#4ade8026;padding:.4rem .6rem;border-radius:6px;border:1px solid #4ade8066;font-weight:700;font-size:.9rem;color:var(--success);text-shadow:0 1px 2px #0000001a;box-shadow:0 2px 8px #4ade8033}.upgrade-prompt{margin-top:.75rem;padding:.75rem;background:linear-gradient(135deg,#ffc1071a,#ff98001a);border:1px solid #ffc1074d;border-radius:8px;text-align:center}.upgrade-prompt small{color:var(--warning);font-size:.875rem}.upgrade-prompt strong{color:#ff9800}@keyframes formFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.call-scheduler-form{display:flex;flex-direction:column;gap:1.5rem;animation:formFadeIn .5s cubic-bezier(.4,0,.2,1) .1s both}.call-scheduler-form .form-group{animation:formGroupSlideIn .4s cubic-bezier(.4,0,.2,1) both}.call-scheduler-form .form-group:first-child{animation-delay:.2s}.call-scheduler-form .form-group:nth-child(2){animation-delay:.3s}.call-scheduler-form .form-group:nth-child(3){animation-delay:.4s}.call-scheduler-form .form-group:nth-child(4){animation-delay:.5s}.call-scheduler-form .form-group:nth-child(5){animation-delay:.6s}.call-scheduler-form .form-group:nth-child(6){animation-delay:.7s}.call-scheduler-form .form-group:nth-child(7){animation-delay:.8s}.form-row{grid-gap:1.5rem;gap:1.5rem;margin-bottom:1rem}.form-row input[type=time]{background:#ffffffe6;border:2px solid var(--border-soft);border-radius:16px;color:var(--text-primary);padding:1rem 1.25rem;font-size:1rem;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 2px 8px var(--shadow-color)}.form-row input[type=time]:focus{outline:none;border-color:var(--aqua-blue);background:#fff;box-shadow:0 0 0 4px var(--shadow-aqua),0 4px 16px var(--shadow-color);transform:translateY(-1px)}.form-row input[type=time]:hover{border-color:var(--aqua-blue-soft);background:#fff;box-shadow:0 4px 16px var(--shadow-color)}.form-row input[type=time]:read-only{background:#ffffff0d;color:#ffffffb3;cursor:not-allowed}.form-row small{color:var(--text-secondary);font-size:.875rem;margin-top:.5rem;display:block;font-weight:500}.question-type-selector{margin-bottom:2rem;padding:1.5rem 1.5rem 1rem;border-bottom:2px solid var(--border-soft);background:#ffffff4d;border-radius:16px;border:2px solid var(--border-soft);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.radio-group{display:flex;flex-direction:column;gap:1rem;padding:.5rem 0}.radio-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:1rem;background:#fff6;border:2px solid var(--border-soft);border-radius:12px;transition:all .3s ease;color:var(--text-primary);font-weight:500}.radio-label:hover{background:#fff9;border-color:var(--aqua-blue-soft);transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow-color)}.radio-label.selected{background:#fffc;border-color:var(--aqua-blue);box-shadow:0 0 0 3px var(--shadow-aqua),0 4px 16px var(--shadow-color)}.radio-custom,.radio-label input[type=radio]{display:none}.radio-disabled{opacity:.6}.radio-disabled,.radio-disabled input[type=radio]{cursor:not-allowed}.radio-disabled .radio-custom,.radio-disabled:hover .radio-custom{background-color:var(--border-light);border-color:var(--border-light)}.radio-text{display:flex;align-items:center;gap:.5rem}.disabled-badge{background:var(--background-secondary);color:var(--text-light);font-size:.7rem;padding:.2rem .5rem;border-radius:8px;font-weight:500;border:1px solid var(--border-light);margin-left:.5rem}.random-question-display{background:#fff6;border:2px solid var(--border-soft);border-radius:16px;padding:1.5rem;margin-top:1rem;margin-bottom:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.random-question-text{color:var(--text-primary);font-size:1rem;font-weight:500;line-height:1.5;margin-bottom:1rem;min-height:3rem;display:flex;align-items:center}.generate-question-btn{background:var(--beach-sand-dark);border:2px solid var(--border-soft);color:var(--text-primary);padding:.75rem 1.5rem;border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:.875rem;font-weight:600}.generate-question-btn:hover{background:var(--aqua-blue-soft);border-color:var(--aqua-blue);color:var(--text-on-dark);transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow-aqua)}.duration-display{margin-top:1rem;padding:1.5rem;background:#22c55e26;border:2px solid #22c55e66;border-radius:16px;text-align:center;box-shadow:0 4px 16px #22c55e33}.duration-valid{color:#15803d;font-weight:700;font-size:1.125rem}.required-field{color:var(--error-dark);font-weight:700;margin-left:.25rem;text-shadow:0 1px 2px #0000001a}.form-group.error .question-type-selector,.form-group.error .random-question-display,.form-group.error textarea{border-color:var(--error-dark);box-shadow:0 0 0 3px #dc262633;background:#ef44440d}.question-type-selector+.random-question-display,.question-type-selector+textarea{margin-top:1.5rem}.form-group textarea[name=questionText]{margin-top:1rem;min-height:80px;background:#ffffffe6;border:2px solid var(--border-soft);border-radius:16px;color:var(--text-primary);padding:1rem 1.25rem;font-size:1rem;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 2px 8px var(--shadow-color)}.form-group textarea[name=questionText]:focus{outline:none;border-color:var(--aqua-blue);background:#fff;box-shadow:0 0 0 4px var(--shadow-aqua),0 4px 16px var(--shadow-color);transform:translateY(-1px)}.form-group textarea[name=questionText]:hover{border-color:var(--aqua-blue-soft);background:#fff;box-shadow:0 4px 16px var(--shadow-color)}.form-group.error label{color:var(--error-dark);font-weight:600}.form-actions{padding-top:1.5rem;border-top:3px solid var(--border-soft)}.form-actions .btn{padding:1rem 2rem;border-radius:16px;font-size:1rem;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;min-width:140px;text-transform:uppercase;letter-spacing:.5px}.form-actions .btn-primary{background:linear-gradient(135deg,var(--brand-primary) 0,var(--error) 100%);color:#fff;box-shadow:0 4px 15px #667eea4d}.form-actions .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea66;background:linear-gradient(135deg,var(--warning) 0,var(--error) 100%)}.form-actions .btn-secondary{background:#ffffff1a;color:#fff;border:2px solid #fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-actions .btn-secondary:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.form-actions .btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.weekly-limit-warning{background:linear-gradient(135deg,#ef44441a,#dc26261a);border:2px solid #ef44444d;border-radius:16px;padding:1.5rem;margin:1.5rem 0;gap:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.warning-icon{font-size:1.5rem;color:var(--error);margin-top:.125rem}.warning-title{color:var(--error);font-weight:700;font-size:1.125rem;margin-bottom:.5rem;text-shadow:0 1px 2px #0003}.warning-message{color:#ffffffe6;font-size:.875rem;line-height:1.5;margin-bottom:1rem}.upgrade-suggestion{background:#fbbf241a;border:1px solid #fbbf244d;padding:.75rem;color:var(--warning);font-size:.875rem;font-weight:500}.question-validation-message{display:flex;align-items:center;gap:.75rem;color:var(--error-dark);font-size:1rem;font-weight:600;margin-top:1rem;padding:1rem;background:#ef444426;border-radius:12px;border:2px solid #ef444466;box-shadow:0 4px 12px #ef444433}.validation-icon{font-size:1.25rem;color:var(--error-dark)}.duration-valid{color:var(--success);font-weight:500}.duration-invalid{color:var(--error);font-weight:500}@keyframes formActionsSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-actions{justify-content:flex-end;animation:formActionsSlideIn .4s cubic-bezier(.4,0,.2,1) .9s both}.form-actions .btn{transform:translateY(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.form-actions .btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.form-actions .btn:active{transform:translateY(0)}.message-banner.success{background:#10b98133;border:1px solid #10b98166;color:var(--success)}.message-banner.error{border:1px solid #ef444466;color:var(--error)}.calendar-container{background:#fffffffa;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:3px solid var(--border-soft);border-radius:24px;padding:2rem;box-shadow:0 25px 60px var(--shadow-color);position:relative;overflow:hidden}.calendar-container:before{background:linear-gradient(135deg,#00000005,#00000003)}.calendar-container:after,.calendar-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;border-radius:24px}.calendar-container:after{background:radial-gradient(circle at 20% 80%,#00000005 0,#0000 50%),radial-gradient(circle at 80% 20%,#00000003 0,#0000 50%)}.calendar-header{justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e5e7ebcc}.calendar-header,.calendar-title{display:flex;align-items:center;position:relative;z-index:1}.calendar-title{font-size:1.5rem;font-weight:700;color:var(--gray-800);margin:0;gap:.75rem;text-shadow:0 1px 3px #0000001a}.calendar-title select{background:#ffffffe6;border:2px solid var(--border-soft);border-radius:12px;color:var(--text-primary);padding:.5rem 1rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 2px 8px var(--shadow-color)}.calendar-title select:hover{background:#fff;border-color:var(--aqua-blue-soft);box-shadow:0 4px 16px var(--shadow-color);transform:translateY(-1px)}.calendar-title select:focus{outline:none;border-color:var(--aqua-blue);background:#fff;box-shadow:0 0 0 4px var(--shadow-aqua),0 4px 16px var(--shadow-color);transform:translateY(-1px)}.calendar-nav{display:flex;gap:.75rem;position:relative;z-index:1}.calendar-nav-btn{background:var(--beach-sand-dark);border:2px solid var(--border-soft);border-radius:12px;color:var(--text-primary);width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1.125rem;font-weight:600;box-shadow:0 2px 8px var(--shadow-color)}.calendar-nav-btn:hover{background:var(--aqua-blue-soft);border-color:var(--aqua-blue);color:var(--text-on-dark);transform:translateY(-2px);box-shadow:0 4px 16px var(--shadow-aqua)}.calendar-nav-btn:active{transform:translateY(-1px)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:.75rem;gap:.75rem;margin-bottom:1.5rem;position:relative;z-index:1}.calendar-weekday{text-align:center;font-weight:700;color:var(--gray-700);font-size:.875rem;padding:.75rem 0;text-transform:uppercase;letter-spacing:1px;text-shadow:0 1px 2px #0000001a}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:.75rem;gap:.75rem;position:relative;z-index:1}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:16px;cursor:pointer;transition:all .3s ease;font-weight:600;font-size:1rem;position:relative;border:2px solid #e5e7ebcc;background:#f9fafbcc;color:var(--gray-700);text-shadow:none;min-width:44px;min-height:44px}.calendar-day:hover{background:#ffffffe6;border-color:var(--aqua-blue-soft);transform:scale(1.05);box-shadow:0 4px 16px var(--shadow-color)}.calendar-day.other-month{color:var(--gray-400);background:#f3f4f699;opacity:.8}.calendar-day.today{border-color:var(--aqua-blue);background:linear-gradient(135deg,var(--aqua-blue-soft),var(--aqua-blue));color:#fff;font-weight:700;box-shadow:0 4px 16px var(--shadow-aqua)}.calendar-day.selected{background:linear-gradient(135deg,var(--brand-primary) 0,var(--error) 100%);color:#fff;font-weight:700;box-shadow:0 6px 20px #667eea80;transform:scale(1.1);border-color:#ffffff4d}.calendar-day.disabled{color:var(--gray-300);background:#f3f4f666;cursor:not-allowed;opacity:.6}.calendar-day.disabled:hover{background:#f3f4f666;transform:none;box-shadow:none}.calendar-footer{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.5rem;border-top:2px solid #e5e7ebcc;position:relative;z-index:1}.calendar-btn{background:var(--beach-sand-dark);border:2px solid var(--border-soft);border-radius:12px;color:var(--text-primary);padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 2px 8px var(--shadow-color)}.calendar-btn:hover{background:var(--aqua-blue-soft);border-color:var(--aqua-blue);color:var(--text-on-dark);transform:translateY(-2px);box-shadow:0 4px 16px var(--shadow-aqua)}.calendar-btn.primary{background:linear-gradient(135deg,var(--brand-primary) 0,var(--error) 100%);border-color:#ffffff4d;color:#fff;box-shadow:0 4px 15px #667eea66}.calendar-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea80;background:linear-gradient(135deg,var(--warning) 0,var(--error) 100%)}.date-input-container{position:relative;display:flex;align-items:center;z-index:10}.calendar-toggle-btn{position:absolute;right:.75rem;background:var(--beach-sand-dark);border:2px solid var(--border-soft);cursor:pointer;padding:.5rem;border-radius:6px;transition:all .3s ease;color:var(--text-primary);display:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px}.calendar-toggle-btn:hover{color:var(--text-on-dark);background:var(--aqua-blue-soft);border-color:var(--aqua-blue);transform:translateY(-1px);box-shadow:0 2px 8px var(--shadow-aqua)}.calendar-toggle-btn svg{width:20px;height:20px}@keyframes calendarSlideDown{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.calendar-wrapper{position:absolute;top:100%;left:0;z-index:10;margin-top:.75rem;background:#fffffffa;border-radius:20px;padding:1rem;border:3px solid var(--border-soft);box-shadow:0 25px 60px var(--shadow-color);animation:calendarSlideDown .3s cubic-bezier(.4,0,.2,1);transform-origin:top center;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.usage-dashboard-card{background:linear-gradient(135deg,#667eea1a,#764ba20d);border:2px solid #667eea33}.usage-dashboard-card h2{color:#a5b4fc}.usage-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.usage-stat{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;transition:all .3s ease}.usage-stat:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-2px)}.usage-stat-icon{font-size:2rem;opacity:.8}.usage-stat-info h4{font-size:1rem;font-weight:600;color:#ffffffe6;margin:0 0 .5rem}.usage-stat-value{font-size:1.25rem;font-weight:700;color:var(--brand-primary);margin:0 0 .25rem;text-shadow:0 2px 8px #feca574d}.usage-stat-label{font-size:.75rem;color:#fff9;margin:0}.usage-upgrade-cta{text-align:center;padding:1rem;background:#667eea1a;border-radius:8px;border:1px solid #667eea33}.usage-upgrade-cta p{font-size:.875rem;margin-bottom:.75rem;color:#ffffffe6}@media (max-width:768px){.family-dashboard .dashboard-card{padding:1rem}.family-dashboard .profile-details,.family-dashboard .subscription-plans,.family-dashboard .usage-stats{grid-template-columns:1fr}.phone-number-card{padding:20px;margin:0 1rem}.phone-number{font-size:24px}}.phone-number-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 6px -1px #0000001a;text-align:center;max-width:500px;margin:0 auto}.phone-number-display{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:16px}.phone-icon{font-size:32px}.phone-number{font-size:28px;font-weight:700;color:var(--brand-secondary);font-family:monospace;letter-spacing:1px}.phone-instructions{color:var(--gray-500);font-size:14px;line-height:1.5}.phone-instructions p{margin:0}.city-suggestions::-webkit-scrollbar{width:8px}.city-suggestions::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.city-suggestions::-webkit-scrollbar-thumb{background:#ff6b6b4d;border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.city-suggestions::-webkit-scrollbar-thumb:hover{background:#ff6b6b80}@media (max-width:768px){.city-suggestions{max-height:250px;margin-top:.25rem}.city-suggestion-item{padding:.875rem 1rem}.city-name{font-size:.95rem}.city-timezone{font-size:.8rem;padding:.2rem .6rem}}.storyteller-dashboard{background:linear-gradient(135deg,var(--brand-primary) 0,var(--error) 100%);min-height:100vh;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative}.storyteller-dashboard:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' 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%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;z-index:1}.storyteller-dashboard-header{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid #fff3;padding:1.5rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:10;transition:all .3s ease}.storyteller-header-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between}.storyteller-logo{display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .3s ease}.storyteller-logo:hover{opacity:.8;transform:scale(1.05)}.storyteller-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--brand-primary) 0,var(--error) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 15px #667eea4d;border:2px solid #fff3}.storyteller-logo-text h1{font-size:1.5rem;font-weight:700;margin:0;background:linear-gradient(135deg,#fff,var(--brand-primary));-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text}.storyteller-logo-text span{font-size:.875rem;color:#fffc;display:block;font-weight:400}.storyteller-nav{display:flex;align-items:center;gap:.5rem}.storyteller-nav-link{background:#0000;border:none;color:#fffc;padding:.75rem 1.25rem;border-radius:12px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.storyteller-nav-link:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff1a;transform:scaleX(0);transition:transform .3s ease;transform-origin:left}.storyteller-nav-link:hover:before{transform:scaleX(1)}.storyteller-nav-link:hover{color:#fff;transform:translateY(-2px)}.storyteller-nav-link.active{background:#ffffff26;color:#fff;box-shadow:0 4px 15px #fff3}.storyteller-nav-link.active:before{transform:scaleX(1)}.storyteller-user-section{display:flex;align-items:center;gap:1.5rem}.storyteller-notifications{position:relative}.notification-btn{background:#ffffff1a;border:none;color:#fff;padding:.75rem;border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.notification-icon{font-size:1.2rem;color:#fff;font-weight:700}.refresh-btn{background:#ffffff1a;border:none;color:#fff;padding:.75rem;border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:1.2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.refresh-btn:hover{background:#fff3;transform:translateY(-2px)}.refresh-btn:active{transform:rotate(180deg);transition:transform .2s ease}.notification-btn:hover{background:#fff3;transform:translateY(-2px)}.notification-badge{position:absolute;top:-5px;right:-5px;background:var(--error);color:#fff;font-size:.7rem;font-weight:600;padding:.2rem .4rem;border-radius:10px;min-width:18px;text-align:center;box-shadow:0 2px 8px #ff6b6b66}.storyteller-user-dropdown{position:relative}.storyteller-user-btn{background:#ffffff1a;border:none;color:#fff;padding:.75rem 1rem;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:200px}.storyteller-user-btn:hover{background:#fff3;transform:translateY(-2px)}.storyteller-user-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--brand-primary) 0,var(--error) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#fff;box-shadow:0 2px 8px #667eea4d}.storyteller-user-info{display:flex;flex-direction:column;align-items:flex-start;flex:1 1}.storyteller-user-name{font-weight:600;font-size:.9rem;color:#fff}.storyteller-user-role{font-size:.75rem;color:#ffffffb3;font-weight:400}.storyteller-dropdown-arrow{width:0;height:0;border-left:4px solid #0000;border-right:4px solid #0000;border-top:6px solid #ffffffb3;transition:transform .3s ease;margin-left:.5rem}.storyteller-user-btn:hover .storyteller-dropdown-arrow{transform:rotate(180deg)}.storyteller-dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff3;border-radius:16px;padding:1rem;min-width:280px;box-shadow:0 20px 40px #0003;z-index:10;animation:dropdownSlideIn .3s ease}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:.5rem 0;margin-bottom:.5rem}.dropdown-user-info{display:flex;align-items:center;gap:.75rem}.dropdown-avatar{width:48px;height:48px;background:linear-gradient(135deg,var(--brand-primary) 0,var(--error) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;color:#fff;box-shadow:0 4px 15px #667eea4d}.dropdown-details{display:flex;flex-direction:column}.dropdown-name{font-weight:600;color:#333;font-size:1rem}.dropdown-email{color:#666;font-size:.85rem;margin-top:.1rem}.dropdown-divider{background:#0000001a;margin:.75rem 0}.dropdown-item{background:none;border:none;color:#333;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:left;width:100%;display:flex;align-items:center;gap:.5rem}.dropdown-item:hover{background:#667eea1a;color:var(--brand-primary);transform:translateX(5px)}.logout-item{color:var(--error)}.logout-item:hover{background:#ff6b6b1a;color:var(--error)}.empty-state{text-align:center;padding:3rem 2rem;background:#ffffff0d;border-radius:16px;border:1px solid #ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.empty-state h3{color:#fffc;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.empty-state p{color:#fff9;font-size:1rem;margin:0}.weekly-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:1rem}.weekly-stat-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.weekly-stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.weekly-stat-label{color:#fffc;font-weight:500;font-size:.9rem}.weekly-stat-count{color:#fff;font-weight:600;font-size:1rem}.weekly-stat-count.warning{color:#ffa726}.weekly-stat-count.danger{color:var(--error)}.weekly-stat-progress{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.weekly-stat-progress-bar{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:4px;transition:width .3s ease}.weekly-stat-count.warning+.weekly-stat-progress .weekly-stat-progress-bar{background:linear-gradient(90deg,#ffa726,#ffb74d)}.weekly-stat-count.danger+.weekly-stat-progress .weekly-stat-progress-bar{background:linear-gradient(90deg,var(--error),#ff8a80)}.storyteller-dashboard-content{position:relative;z-index:2;padding:2rem 0}.storyteller-dashboard-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.storyteller-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:2rem;gap:2rem;margin-bottom:3rem}.storyteller-stat-card{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff3;border-radius:20px;padding:2rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.storyteller-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--error),var(--brand-primary));transform:scaleX(0);transition:transform .3s ease}.storyteller-stat-card:hover:before{transform:scaleX(1)}.storyteller-stat-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0003;border-color:#fff6;background:#ffffff26}.storyteller-stat-card .stat-number{font-size:3rem;font-weight:800;color:var(--brand-primary);margin-bottom:.5rem;text-shadow:0 2px 4px #0000004d}.storyteller-stat-card .stat-label{font-size:1rem;color:#ffffffe6;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.storyteller-calls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin-top:2rem}.storyteller-call-card{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff3;border-radius:20px;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.storyteller-call-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--brand-primary),var(--error));transform:scaleX(0);transition:transform .3s ease}.storyteller-call-card:hover:before{transform:scaleX(1)}.storyteller-call-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0003;border-color:#fff6;background:#ffffff26}.call-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.call-time{font-size:1.25rem;font-weight:600;color:#fff}.call-duration{font-size:1rem;color:#fffc}.call-status{display:flex;justify-content:flex-end}.status-badge{padding:.5rem 1rem;font-size:.875rem}.status-badge.upcoming{background:var(--brand-primary);color:#333}.status-badge.scheduled{background:var(--brand-primary);color:#fff}.storyteller-stories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin-top:2rem}.storyteller-story-card{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff3;border-radius:20px;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.storyteller-story-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--error),var(--brand-primary));transform:scaleX(0);transition:transform .3s ease}.storyteller-story-card:hover:before{transform:scaleX(1)}.storyteller-story-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0003;border-color:#fff6;background:#ffffff26}.story-card-content{margin-bottom:1.5rem}.story-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 1rem}.story-date{font-size:.875rem;color:#fffc}.story-duration{font-size:.875rem;color:var(--brand-primary);font-weight:600}.story-card-actions{display:flex;gap:1rem}.storyteller-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:2rem}@media (max-width:768px){.storyteller-header-container{padding:0 1rem;flex-direction:column;gap:1rem}.storyteller-nav{order:2;width:100%;justify-content:center;flex-wrap:wrap}.storyteller-nav-link{padding:.5rem 1rem;font-size:.8rem}.storyteller-user-section{order:3;width:100%;justify-content:center}.storyteller-user-btn{min-width:auto;width:100%;justify-content:center}.storyteller-dropdown-menu{right:0;left:0;min-width:auto;width:100%}.storyteller-dashboard-container{padding:0 1rem}.storyteller-actions-grid,.storyteller-calls-grid,.storyteller-stats-grid,.storyteller-stories-grid{grid-template-columns:1fr;gap:1rem}.storyteller-stat-card .stat-number{font-size:2.5rem}}@media (max-width:480px){.storyteller-logo-text span{font-size:.75rem}.storyteller-nav-link{padding:.4rem .8rem;font-size:.75rem}.storyteller-user-btn{padding:.5rem .75rem}.storyteller-user-avatar{width:32px;height:32px;font-size:.9rem}}.premium-checkout{max-width:480px;margin:0 auto;padding:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.checkout-loading{text-align:center;padding:3rem 1rem}.checkout-loading .loading-spinner{width:32px;height:32px;border:3px solid #6366f11a;border-left:3px solid var(--brand-accent);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.checkout-header{text-align:center;margin-bottom:1.5rem}.checkout-header h1{font-size:1.75rem;font-weight:700;color:var(--gray-800);margin-bottom:.5rem;line-height:1.2}.checkout-header p{color:var(--gray-500);font-size:.9rem;margin:0}.back-button{background:#ffffffe6;border:1px solid var(--gray-200);font-size:.85rem;color:var(--gray-700)}.back-button:hover{background:#fff;border-color:var(--gray-300);transform:translateY(-1px)}.checkout-form{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--gray-200);border-radius:16px;padding:1.5rem;box-shadow:0 4px 16px #00000014}.address-section{margin-bottom:1.5rem}.address-section h4,.payment-form h4{font-size:1rem;color:var(--gray-700);margin-bottom:.75rem;text-align:center}.checkout-button{padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--brand-accent) 0,#4f46e5 100%);border-radius:12px;font-size:1rem;font-weight:600;transition:all .3s ease;margin-top:1rem;box-shadow:0 4px 12px #6366f14d}.checkout-button:hover:not(:disabled){box-shadow:0 8px 20px #6366f166}.checkout-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--gray-200)}.security-badge{display:flex;justify-content:center;color:var(--gray-500);font-size:.875rem;margin-bottom:.75rem}.terms{color:var(--gray-400);font-size:.75rem;line-height:1.4;margin:0}.express-checkout-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #ffffff1a}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 30px #0000!important;-webkit-text-fill-color:inherit!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}input::-webkit-contacts-auto-fill-button,input::-webkit-credentials-auto-fill-button{display:none!important}input::-webkit-calendar-picker-indicator{display:none!important}.StripeElement{position:relative}.StripeElement--focus{outline:none}.StripeElement iframe{border:none}.StripeElement{z-index:1}input[type=password]::-webkit-credentials-auto-fill-button{display:none!important}.StripeElement [class*=autofill],.StripeElement [data-testid=autofill],.StripeElement button[aria-label*=autofill],.StripeElement button[class*=autofill],.StripeElement button[data-testid=autofill-link]{display:none!important}.StripeElement button:contains("Autofill"),.StripeElement button:contains("autofill"){display:none!important}.StripeElement button[aria-label*=autofill],.StripeElement button[class*=autofill],.StripeElement button[data-testid=autofill-link]{display:none!important}.StripeElement .StripeElement,.StripeElement input{display:block!important}.address-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #ffffff1a}.address-section h4{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.payment-form{margin-bottom:0}.payment-form h4{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.payment-form h4:before{content:"💳 Credit & Debit Cards";display:block;font-size:.9rem;font-weight:500;color:#ffffffb3;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.checkout-button{width:100%;margin-top:2rem;padding:1rem 2rem;font-size:1.125rem;font-weight:700;background:linear-gradient(135deg,var(--brand-primary) 0,var(--error) 100%);border:none;border-radius:16px;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #667eea4d}.checkout-button:hover:not(:disabled){background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-2px);box-shadow:0 12px 40px #667eea66}.checkout-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.checkout-footer{text-align:center;margin-top:2rem}.security-badge{display:inline-flex;align-items:center;gap:.5rem;background:#28a74533;border:1px solid #28a7454d;border-radius:12px;padding:.75rem 1rem;margin-bottom:1rem;color:var(--success);font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.terms{color:#fff9;font-size:.875rem;line-height:1.5;max-width:500px;margin:0 auto}.premium-checkout .StripeElement{background:#ffffffe6;border:2px solid var(--gray-200);border-radius:12px;padding:1rem;margin-bottom:1rem;transition:all .3s ease;box-shadow:0 2px 8px #0000000a}.premium-checkout .StripeElement--focus{border-color:var(--brand-accent);box-shadow:0 0 0 4px #6366f11a,0 4px 16px #00000014;background:#fff}.premium-checkout .StripeElement--invalid{border-color:var(--error);box-shadow:0 0 0 4px #ef44441a,0 4px 16px #00000014}@media (max-width:768px){.premium-checkout{padding:.75rem;max-width:100%}.checkout-header h1{font-size:1.5rem}.checkout-form{padding:1.25rem}.back-button{top:.75rem;left:.75rem;padding:.375rem .625rem;font-size:.8rem}}@media (max-width:480px){.premium-checkout{padding:.5rem .25rem}.checkout-header h1{font-size:1.75rem}.plan-summary{padding:1.5rem}.plan-summary .price{font-size:2rem}.checkout-form{padding:1rem}.checkout-button{padding:.75rem 1.25rem;font-size:.95rem}}.signup-success-page{min-height:100vh;background:linear-gradient(135deg,var(--brand-primary) 0,var(--error) 100%);display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.success-container{width:100%;max-width:600px}.success-card{background:#ffffff1a;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);padding:3rem 2rem;box-shadow:0 20px 60px #00000026}.success-header{margin-bottom:3rem}.success-icon{margin-bottom:1.5rem;animation:bounce 2s infinite}.success-header h1{font-size:3rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,#fff,var(--brand-primary));-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text}.success-subtitle{color:#ffffffe6;font-size:1.25rem;font-weight:500}.success-content{margin-bottom:3rem}.plan-benefits h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:2rem}.benefits-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.benefit-item{align-items:flex-start;gap:1rem;background:#ffffff0d;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.benefit-icon{font-size:1.5rem;flex-shrink:0}.benefit-text strong{color:#fff;font-size:1.125rem;font-weight:600;display:block;margin-bottom:.5rem}.benefit-text p{color:#fffc;font-size:.95rem;line-height:1.5;margin:0}.success-actions{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.success-actions .btn{padding:1rem 2rem;font-size:1.125rem;font-weight:600;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.success-actions .btn-primary{background:linear-gradient(135deg,var(--brand-primary) 0,var(--error) 100%);border:none;color:#fff;box-shadow:0 8px 32px #667eea4d}.success-actions .btn-primary:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-2px);box-shadow:0 12px 40px #667eea66}.success-actions .btn-secondary{background:#ffffff1a;border:1px solid #fff3;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.success-actions .btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.success-footer{border-top:1px solid #ffffff1a;padding-top:2rem}.redirect-notice{color:#ffffffb3;font-size:.9rem;font-style:italic}.loading-spinner{border:4px solid #ffffff1a;border-left:4px solid var(--brand-primary)}@media (max-width:768px){.success-card{padding:2rem 1.5rem}.success-header h1{font-size:2.5rem}.success-subtitle{font-size:1.125rem}.benefit-item{padding:1.25rem}.success-actions .btn{padding:.875rem 1.5rem;font-size:1rem}}@media (max-width:480px){.signup-success-page{padding:1rem .5rem}.success-card{padding:1.5rem 1rem}.success-header h1{font-size:2rem}.success-icon{font-size:3rem}.benefit-item{padding:1rem;flex-direction:column;text-align:center}.success-actions .btn{padding:.75rem 1.25rem;font-size:.95rem}}.error-context{margin-top:12px;padding:16px;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;border-left:4px solid var(--error)}.error-title{font-weight:600;color:var(--error-dark);margin-bottom:8px;font-size:14px}.error-description{color:var(--gray-500);margin-bottom:12px;font-size:13px;line-height:1.4}.error-suggestions{margin:0;padding-left:20px;color:var(--gray-500);font-size:13px}.error-suggestions li{margin-bottom:6px;line-height:1.4}.error-suggestions li:last-child{margin-bottom:0}.error-message{background:#fef2f2;border:1px solid #fecaca;color:var(--error-dark);margin-bottom:16px;border-left:4px solid var(--error)}.weekly-limit-warning{display:flex;align-items:flex-start;gap:12px;background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;padding:16px;margin:20px 0;border-left:4px solid var(--error);animation:slideInUp .3s ease-out}.warning-icon{font-size:20px;flex-shrink:0;margin-top:2px}.warning-content{flex:1 1}.warning-title{font-weight:600;color:var(--error-dark);margin-bottom:8px;font-size:14px}.warning-message{color:var(--gray-500);margin-bottom:12px;font-size:13px;line-height:1.4}.upgrade-suggestion{background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:8px;padding:12px;color:#92400e;font-size:13px;line-height:1.4}.demo-inquiry-page{min-height:100vh;background:linear-gradient(135deg,var(--brand-primary) 0,var(--error) 100%);color:#fff}.demo-header{position:fixed;top:0;left:0;right:0;z-index:10;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid #fff3;padding:.5rem 0;transition:all .3s ease}.demo-header-container{max-width:1200px;margin:0 auto;padding:0 1rem}.demo-header-content{display:flex;align-items:center;justify-content:space-between;width:100%}.demo-logo,.demo-nav{display:flex;align-items:center;flex-shrink:0}.demo-nav{gap:1rem}.demo-hero{padding:120px 0 80px;text-align:center;background:linear-gradient(135deg,#667eeae6,#764ba2e6)}.demo-hero-container{max-width:800px;margin:0 auto;padding:0 2rem}.demo-hero h1{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#f0f8ff);-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text;text-shadow:0 4px 8px #0000004d}.demo-hero-subtitle{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#e0e8ff}.demo-hero-description{font-size:1.1rem;line-height:1.6;color:#c7d2fe;max-width:600px;margin:0 auto}.demo-hero-actions{margin-top:2.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.demo-hero-note{font-size:.95rem;color:#a5b4fc;font-weight:500}.demo-benefits{padding:80px 0;background:#ffffff0d}.demo-benefits-container{max-width:1200px;margin:0 auto;padding:0 2rem}.demo-benefits .section-header{text-align:center;margin-bottom:4rem}.demo-benefits .section-header h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#e0e8ff);-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text}.demo-benefits .section-header p{font-size:1.2rem;color:#c7d2fe}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem;margin-top:3rem}.benefit-card{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff3;border-radius:20px;padding:2rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.benefit-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--error),var(--brand-primary));border-radius:20px 20px 0 0;transform:scaleX(0);transition:transform .3s ease}.benefit-card:hover:before{transform:scaleX(1)}.benefit-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0003;background:#ffffff26}.benefit-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,var(--error),var(--brand-primary));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.benefit-icon svg{width:40px;height:40px}.benefit-card h3{font-size:1.3rem;font-weight:600;margin-bottom:1rem;color:#fff}.benefit-card p{color:#e0e8ff;line-height:1.6}.demo-features{padding:80px 0;background:linear-gradient(135deg,#764ba2e6,#667eeae6)}.demo-features-container{max-width:1200px;margin:0 auto;padding:0 2rem}.features-content{text-align:center}.features-content h3{font-size:2.5rem;font-weight:700;margin-bottom:3rem;background:linear-gradient(135deg,#fff,#e0e8ff);-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem}.feature-item{align-items:flex-start;gap:1.5rem;text-align:left;padding:2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff3;border-radius:20px;transition:all .3s ease}.feature-item:hover{transform:translateY(-5px);background:#ffffff26;box-shadow:0 15px 35px #0003}.feature-icon{width:60px;height:60px;flex-shrink:0;background:linear-gradient(135deg,var(--error),var(--brand-primary));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.feature-icon svg{width:28px;height:28px}.feature-text h4{font-size:1.3rem;font-weight:600;margin-bottom:.75rem;color:#fff}.feature-text p{color:#e0e8ff;line-height:1.6;margin:0}.demo-form-section{padding:40px 0;background:linear-gradient(135deg,#764ba2e6,#667eeae6)}.demo-form-container{max-width:700px;margin:0 auto;padding:0 2rem}.demo-form-content{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff3;border-radius:20px;padding:2rem;box-shadow:0 15px 40px #0003}.demo-form-header{text-align:center;margin-bottom:2rem}.demo-form-header h2{font-size:2rem;font-weight:700;margin-bottom:.75rem;background:linear-gradient(135deg,#fff,#e0e8ff);-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text}.demo-form-header p{font-size:1rem;color:#c7d2fe;max-width:450px;margin:0 auto}.message-banner{padding:1rem 1.5rem;border-radius:12px;margin-bottom:2rem;text-align:center}.message-banner.success{background:#22c55e33;border:1px solid #22c55e4d;color:#86efac}.message-banner.error{background:#ef444433;border:1px solid #ef44444d;color:#fca5a5}.demo-form{display:flex;flex-direction:column;gap:1.25rem}.form-row{grid-gap:1.25rem;gap:1.25rem}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.form-group{gap:.4rem}.form-group label{color:#e0e8ff}.form-input{padding:.875rem 1rem;border-radius:10px;font-size:.95rem}.form-input:focus{box-shadow:0 0 0 3px #feca5733}.form-input:required{border-left:4px solid var(--brand-primary)}select.form-input{cursor:pointer}textarea.form-input{resize:vertical;min-height:100px}.form-actions{margin-top:1.5rem}.btn-large{padding:.875rem 2.5rem;font-size:1rem;transition:all .3s ease;display:inline-flex}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 35px #ff6b6b66}.btn-primary:disabled{opacity:.7}.demo-footer{background:#0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid #ffffff1a;padding:3rem 0 1rem}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem;margin-bottom:2rem}.footer-section h3,.footer-section h4{color:#fff;margin-bottom:1rem;font-weight:600}.footer-section h3{font-size:1.5rem;background:linear-gradient(135deg,#fff,#e0e8ff);-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text}.footer-section li,.footer-section p{color:#c7d2fe;line-height:1.6;margin-bottom:.5rem}.footer-section ul{list-style:none;padding:0}.footer-section a{color:#c7d2fe;text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:var(--brand-primary)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid #ffffff1a;color:#a5b4fc}@media (max-width:768px){.demo-hero h1{font-size:2.5rem}.demo-hero-subtitle{font-size:1.25rem}.demo-benefits .section-header h2,.demo-form-header h2{font-size:2rem}.benefits-grid{grid-template-columns:1fr}.demo-form-content{padding:1.5rem 1rem}.demo-header-content{flex-direction:column;gap:1rem}.features-grid,.plan-options{grid-template-columns:1fr}.plan-options{gap:1rem}.plan-card,.signup-card{padding:1.5rem 1rem}.header-content h1{font-size:1.75rem}.header-content p{font-size:.9rem}}@media (max-width:480px){.demo-hero{padding:100px 0 60px}.demo-hero h1{font-size:2rem}.demo-form-content{padding:1.5rem 1rem}.btn-large{padding:.875rem 2rem;font-size:1rem}.plan-card,.signup-card{padding:1.25rem .75rem}.header-content h1{font-size:1.5rem}.plan-options{gap:.75rem}}.oauth-welcome-message{margin:2rem 0}.oauth-info-card{background:linear-gradient(135deg,var(--brand-primary) 0,var(--error) 100%);color:#fff;padding:2rem;border-radius:12px;text-align:center;box-shadow:0 8px 32px #0000001a}.oauth-icon{font-size:3rem;margin-bottom:1rem;display:block}.oauth-info-card h4{font-size:1.5rem;margin-bottom:1rem;color:#fff}.oauth-info-card p{font-size:1rem;line-height:1.6;margin-bottom:1.5rem;opacity:.9}.oauth-features{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.oauth-feature{display:flex;align-items:center;background:#ffffff1a;padding:.75rem 1rem;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width:768px){.oauth-features{flex-direction:column;gap:1rem}.oauth-info-card{padding:1.5rem}}.family-dashboard-header{background:var(--white);border-bottom:1px solid var(--gray-200);position:-webkit-sticky;position:sticky;top:0;z-index:10;box-shadow:0 1px 3px 0 #0000001a}.family-header-mobile{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;min-height:64px;max-width:1200px;margin:0 auto}@media (max-width:1024px){.family-header-mobile{justify-content:space-between;padding:0 1rem;position:relative}}.family-header-nav{display:flex;align-items:center;gap:1.5rem;flex:1 1;justify-content:center}.family-nav-link{background:#ffffff1a;border:1px solid #fff3;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;color:var(--gray-700);transition:all .3s ease;text-decoration:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a}.family-nav-link:hover{background:#8b45131a;color:#8b4513;transform:translateY(-1px);box-shadow:0 4px 12px #8b451326;border-color:#8b45134d}.family-nav-link.active{background:linear-gradient(135deg,var(--beach-sand),var(--beach-sand-light))}.family-nav-link.active,.family-nav-link.storyteller-btn{color:#8b4513;border-color:#8b45134d;box-shadow:0 4px 15px #8b45134d}.family-nav-link.storyteller-btn{background:linear-gradient(135deg,var(--beach-sand-warm),var(--beach-sand))}.family-nav-link.storyteller-btn:hover{background:linear-gradient(135deg,var(--beach-sand),var(--beach-sand-dark));transform:translateY(-1px);box-shadow:0 6px 20px #8b451366}.family-header-logo{display:flex;align-items:center;cursor:pointer;transition:all .2s ease;padding:.5rem;border-radius:8px;flex-shrink:0}.family-header-logo img{max-height:120px;width:auto!important;height:auto!important;display:block}@media (max-width:1024px){.family-header-logo{padding:.5rem;min-width:100px;margin-left:0;flex-shrink:0;order:1}.family-hamburger-menu-btn{order:2;position:absolute;left:50%;transform:translateX(-50%);margin:0}.family-header-user{order:3;margin-left:auto}}.feature-request-page{background:linear-gradient(135deg,var(--beach-sand-light) 0,var(--beach-sand) 50%,var(--beach-sand-warm) 100%);min-height:100vh;position:relative}.feature-request-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="5" r="1" fill="%23ffffff" opacity="0.1"/><circle cx="20" cy="80" r="1" fill="%23ffffff" opacity="0.1"/><circle cx="80" cy="20" r="1" fill="%23ffffff" opacity="0.1"/><circle cx="40" cy="40" r="1" fill="%23ffffff" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3;pointer-events:none}.feature-request-page .container{max-width:900px;margin:0 auto;position:relative;z-index:1}.feature-request-page h1{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;text-align:center;letter-spacing:-.025em}.feature-request-page .text-lg{font-size:1.25rem;line-height:1.8;color:var(--beach-sand-dark);text-align:center;max-width:600px;margin:0 auto 3rem;font-weight:500}.feature-request-page .container{max-width:1200px}.feature-request-page h1{background:linear-gradient(135deg,var(--beach-sand-dark),var(--aqua-blue-dark));-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text}.feature-request-page .bg-white{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid var(--gray-200);box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #ffffff1a;border-radius:24px;padding:3rem;position:relative;overflow:hidden}.feature-request-page .bg-white:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--beach-sand),var(--beach-sand-warm),var(--aqua-blue));border-radius:24px 24px 0 0}.feature-request-page h2{font-size:2rem;font-weight:700;color:var(--beach-sand-dark);margin-bottom:2rem;text-align:center;position:relative}.feature-request-page h2:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--beach-sand),var(--aqua-blue));border-radius:2px}.feature-request-page input,.feature-request-page textarea{transition:all .3s ease;border:2px solid #e2e8f0;background:#fff;border-radius:12px;font-size:1rem;font-weight:500;padding:1rem 1.25rem;width:100%;box-sizing:border-box}.feature-request-page label{display:block;font-weight:600;color:var(--gray-700);margin-bottom:.75rem;font-size:1rem}.feature-request-page .form-group{margin-bottom:2rem}.feature-request-page input:focus,.feature-request-page textarea:focus{transform:translateY(-2px);box-shadow:0 10px 25px #8b451326,0 0 0 3px #8b45131a;border-color:var(--beach-sand);background:#fff;outline:none}.feature-request-page button[type=submit]{background:linear-gradient(135deg,var(--beach-sand-warm),var(--beach-sand));color:#fff;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:16px;font-size:1.125rem;font-weight:600;padding:1.25rem 3rem;border:none;box-shadow:0 10px 25px #8b45134d,0 0 0 1px #ffffff1a;position:relative;overflow:hidden;cursor:pointer}.feature-request-page button[type=submit]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#0000,#fff3,#0000);transition:left .5s}.feature-request-page button[type=submit]:hover:before{left:100%}.feature-request-page button[type=submit]:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 20px 40px #8b451366,0 0 0 1px #fff3;background:linear-gradient(135deg,var(--beach-sand),var(--beach-sand-dark))}.feature-request-page button[type=submit]:active:not(:disabled){transform:translateY(-1px)}.feature-request-page .bg-blue-50{background:linear-gradient(135deg,var(--beach-sand-light),var(--beach-sand-warm));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #8b451333;box-shadow:0 20px 40px #8b45131a,0 0 0 1px #8b45130d;border-radius:20px;position:relative;overflow:hidden}.feature-request-page .bg-blue-50:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--beach-sand),var(--aqua-blue));border-radius:20px 20px 0 0}.feature-request-page .bg-blue-50 h3{color:var(--beach-sand-dark);font-weight:700;font-size:1.25rem}.feature-request-page .bg-blue-50 ul li{color:var(--beach-sand-dark);font-weight:500;padding:.5rem 0;border-bottom:1px solid #8b45131a}.feature-request-page .bg-blue-50 ul li:last-child{border-bottom:none}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:768px){.feature-request-page .container{padding:1.5rem 1.5rem 0}.feature-request-page h1{font-size:2.5rem}.feature-request-page h2{font-size:1.75rem}.feature-request-page .grid{grid-template-columns:1fr;gap:2rem}.feature-request-page .bg-white{padding:2rem}.feature-request-page button[type=submit]{padding:1rem 2rem;font-size:1rem}}.family-header-logo:hover{background:var(--gray-100);transform:scale(1.05)}.family-hamburger-menu-btn{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;flex-shrink:0}.family-hamburger-menu-btn:hover{background:var(--gray-100)}.hamburger-icon{display:flex;flex-direction:column;gap:3px;width:20px;height:16px}.hamburger-icon span{width:100%;height:2px;background:var(--gray-700);border-radius:1px;transition:all .2s ease}.family-header-user{position:relative;display:flex;align-items:center;flex-shrink:0}.family-user-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:10px;background:#ffffff1a;border:1px solid #fff3;transition:all .3s ease;cursor:pointer;box-shadow:0 2px 8px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.family-user-btn:hover{background:#fff3;border-color:#ffffff4d;box-shadow:0 4px 16px #0000001f;transform:translateY(-1px)}.family-user-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--beach-sand),var(--beach-sand-light));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#8b4513;font-weight:600;font-size:.875rem;transition:all .3s ease;border:2px solid #8b45134d;box-shadow:0 2px 8px #8b45134d}.family-dropdown-arrow{font-size:.75rem;color:var(--gray-500);transition:all .2s ease}.family-mobile-nav-menu{background:#fffffffa;border-top:1px solid #fff3;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:0 0 16px 16px;transform-origin:top;animation:slideDownMenu .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.family-mobile-nav{display:flex;flex-direction:column;padding:1rem;gap:.5rem;animation:fadeInContent .5s ease-out .1s both}@keyframes slideDownMenu{0%{transform:scaleY(0);opacity:0;max-height:0}to{transform:scaleY(1);opacity:1;max-height:300px}}@keyframes slideUpMenu{0%{transform:scaleY(1);opacity:1;max-height:300px}to{transform:scaleY(0);opacity:0;max-height:0}}.family-mobile-nav-menu.closing{animation:slideUpMenu .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeInContent{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLink{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.family-mobile-nav-link{background:#ffffff1a;padding:1rem 1.5rem;text-align:left;font-size:1rem;font-weight:600;color:var(--gray-700);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid;border-color:#fff3 #fff3 #ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:.25rem 0;border-radius:8px;opacity:0;animation:slideInLink .4s ease-out forwards}.family-mobile-nav-link:first-child{animation-delay:.15s}.family-mobile-nav-link:nth-child(2){animation-delay:.2s}.family-mobile-nav-link:nth-child(3){animation-delay:.25s}.family-mobile-nav-link:nth-child(4){animation-delay:.3s}.family-mobile-nav-link:hover{background:#8b45131a;color:#8b4513;transform:translateX(4px) scale(1.02);border-color:#8b45134d;box-shadow:0 4px 12px #8b451333}.family-mobile-nav-link.active{background:linear-gradient(135deg,var(--beach-sand),var(--beach-sand-light));color:#8b4513;border-color:#8b45134d}.family-mobile-nav-link.storyteller-btn{background:linear-gradient(135deg,var(--beach-sand-warm),var(--beach-sand));color:#8b4513;border-color:#8b45134d;box-shadow:0 4px 15px #8b45134d}.family-mobile-nav-link.storyteller-btn:hover{background:linear-gradient(135deg,var(--beach-sand),var(--beach-sand-dark));transform:translateX(4px) scale(1.02);box-shadow:0 6px 20px #8b45134d}.family-dropdown-menu{position:absolute;top:100%;right:0;background:#fffffffa;border:1px solid #fff3;border-radius:12px;box-shadow:0 8px 32px #0000001f;min-width:200px;z-index:10;margin-top:.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.family-user-info{padding:1rem;border-bottom:1px solid #ffffff1a;background:linear-gradient(135deg,#667eea1a,#764ba20d);position:relative}.family-user-name{font-weight:600;color:#fff;margin:0;font-size:.875rem;text-shadow:0 1px 3px #0000004d}.family-user-type{font-size:.75rem;color:#fffc;margin:0;font-weight:500;text-shadow:0 1px 2px #0003}.family-dropdown-divider{height:1px;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);margin:.75rem 2rem}.family-logout-btn,.family-profile-btn{width:100%;background:none;border:none;padding:.75rem 1rem;text-align:left;font-size:.875rem;color:var(--gray-700);cursor:pointer;transition:all .2s ease}.family-logout-btn:hover,.family-profile-btn:hover{background:var(--gray-50);color:var(--gray-800)}.family-logout-btn{color:var(--error-dark)}.family-logout-btn:hover{background:#fef2f2;color:var(--error-dark)}.family-user-name-text{font-weight:500;color:#fff;font-size:.875rem;text-shadow:0 1px 3px #0000004d}.upgrade-page{max-width:1200px;margin:0 auto;padding:2rem}.upgrade-header{text-align:center;margin-bottom:3rem;position:relative}.upgrade-header .back-button{position:absolute;left:0;top:0;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;border-radius:50px;color:#fff;text-decoration:none;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.upgrade-header .back-button:hover{background:linear-gradient(135deg,#fff3,#ffffff1a);border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.upgrade-header h1{font-size:2.5rem;font-weight:800;color:#fff;margin:1rem 0;text-shadow:0 2px 4px #0000004d}.upgrade-header p{font-size:1.125rem;color:#fffc;max-width:600px;margin:0 auto}.success-section{display:flex;justify-content:center;align-items:center;min-height:60vh}.success-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid #fff3;border-radius:24px;padding:3rem;text-align:center;max-width:500px;box-shadow:0 32px 64px #0000004d,0 16px 32px #0003}.success-icon{margin-bottom:2rem}.success-card h2{font-size:2rem;font-weight:700;color:#fff;margin-bottom:1rem}.success-card p{color:#fffc;margin-bottom:1.5rem;line-height:1.6}.success-card ul{list-style:none;padding:0;margin:1.5rem 0;text-align:left}.success-card li{color:#ffffffe6;position:relative;padding:.5rem 0 .5rem 1.5rem}.success-card li:before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:700}.upgrade-summary{display:flex;justify-content:center;margin-bottom:3rem}.upgrade-card{background:linear-gradient(135deg,#667eea1a,#764ba20d);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid #667eea4d;border-radius:20px;padding:2.5rem;text-align:center;max-width:500px;box-shadow:0 20px 40px #0003,0 0 0 1px #667eea33}.upgrade-icon{color:var(--brand-accent);margin-bottom:1.5rem}.upgrade-card h3{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:.5rem}.upgrade-card p{color:#fffc;font-size:1.125rem;margin-bottom:2rem}.upgrade-benefits{text-align:left}.upgrade-benefits h4{font-size:1.125rem;font-weight:600;color:#fff;margin-bottom:1rem;text-align:center}.upgrade-benefits ul{list-style:none;padding:0;margin:0}.upgrade-benefits li{color:#ffffffe6;position:relative;padding:.5rem 0 .5rem 1.5rem}.upgrade-benefits li:before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:700}.plan-comparison{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;margin-bottom:3rem}.plan-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid #fff3}.plan-card:hover{box-shadow:0 20px 40px #0003,0 0 0 1px #667eea4d}.plan-card.current{border-color:#9ca3af4d}.plan-card.upgrade{border-color:#667eea66;background:linear-gradient(135deg,#667eea1a,#764ba20d)}.plan-badge{top:-12px;background:linear-gradient(135deg,var(--brand-accent),#764ba2);padding:.5rem 1.5rem;font-size:.875rem;box-shadow:0 4px 15px #667eea4d}.plan-card h3{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1rem;text-align:center}.plan-name{font-weight:600;color:#ffffffe6}.plan-price{color:var(--brand-accent);margin-bottom:1.5rem}.plan-card ul{list-style:none;padding:0;margin:0}.plan-card li{color:#fffc;border-bottom:1px solid #ffffff1a;position:relative;padding:.75rem 0 .75rem 1.5rem}.plan-card li:last-child{border-bottom:none}.plan-card li:before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:700}.payment-section{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid #fff3;border-radius:20px;padding:2rem;margin-bottom:2rem}.payment-section h3{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem}.payment-section p{color:#ffffffb3;margin-bottom:2rem}.payment-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{color:#fff;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.card-element-container{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:1rem;transition:all .3s ease}.card-element-container:focus-within{border-color:#667eea80;box-shadow:0 0 0 3px #667eea1a}.billing-info{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1rem}.billing-info p{color:#fffc;margin:.5rem 0}.billing-info strong{color:#fff}.payment-summary,.plan-change-summary{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem}.plan-change-summary{margin-bottom:1.5rem}.change-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #ffffff1a;color:#fffc}.change-item:last-child{border-bottom:none}.change-item span:first-child,.payment-summary h4{font-weight:600;color:#fff}.payment-summary h4{font-size:1.125rem;margin-bottom:1rem}.summary-item{padding:.75rem 0;border-bottom:1px solid #ffffff1a;color:#fffc}.summary-item,.summary-total{display:flex;justify-content:space-between;align-items:center}.summary-total{padding:1rem 0 0;font-size:1.125rem;font-weight:700;color:#fff}.btn-large{font-size:1.125rem;font-weight:600;border-radius:12px;min-height:56px;justify-content:center}.btn-large,.payment-processing{display:flex;align-items:center;gap:.75rem}.spinner{width:20px;height:20px;border:2px solid #ffffff4d;border-top-color:#fff}.payment-note{color:#fff9;font-size:.875rem;text-align:center;margin-top:1rem;line-height:1.5}.error-message{background:linear-gradient(135deg,#ef44441a,#dc26260d);border:1px solid #ef44444d;padding:1rem;margin-top:1rem}.error-message p{color:#fecaca;margin:0;text-align:center}@media (max-width:768px){.upgrade-page{padding:1rem}.upgrade-header h1{font-size:2rem}.upgrade-header .back-button{position:relative;margin-bottom:1rem}.plan-comparison{grid-template-columns:1fr;gap:1.5rem}.success-card{padding:2rem}.payment-section{padding:1.5rem}.upgrade-card{padding:2rem}.upgrade-card h3{font-size:1.5rem}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.loading-container p{color:var(--text-secondary);font-size:1rem;margin:0}.family-dashboard .dashboard-card{padding:1.5rem 1.25rem;border-radius:12px;margin-bottom:1.5rem}.family-dashboard .dashboard-card-title{font-size:1.25rem;margin-bottom:1rem}.family-dashboard .profile-info{gap:1.5rem}.family-dashboard .profile-avatar{width:3rem;height:3rem;font-size:1.25rem}.family-dashboard .profile-details{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.family-dashboard .profile-field label{font-size:.75rem;margin-bottom:.25rem}.family-dashboard .profile-field p{font-size:1rem;padding:.5rem .75rem;border-radius:8px}.family-dashboard .subscription-plans{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.family-dashboard .plan-card{padding:1.5rem;border-radius:12px}.family-dashboard .plan-card .plan-header{margin-bottom:1rem}.family-dashboard .plan-card .plan-header h4,.family-dashboard .plan-card .plan-price{font-size:1.125rem}.family-dashboard .plan-features{margin-bottom:1.5rem}.family-dashboard .plan-feature{margin-bottom:.5rem;font-size:.875rem;min-height:20px}.family-dashboard .checkmark-container{width:20px;height:20px;border-radius:10px;margin-right:10px}.family-dashboard .checkmark-symbol{font-size:12px}.family-dashboard .security-options{gap:1rem}.family-dashboard .security-option{padding:1rem;background:#ffffff0d;border-radius:8px;border:1px solid #ffffff1a}.family-dashboard .security-info h4{font-size:1rem;margin-bottom:.25rem}.family-dashboard .security-info p{font-size:.875rem;color:#ffffffb3;margin:0}.family-dashboard .preferences-header{text-align:center;margin-bottom:2rem}.family-dashboard .preferences-subtitle{color:#ffffffb3;font-size:1rem;margin:.5rem 0 0;line-height:1.5}.family-dashboard .preferences-options{display:grid;grid-gap:1.5rem;gap:1.5rem;max-width:800px;margin-bottom:2rem}.family-dashboard .preference-option{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:linear-gradient(135deg,#ffffff14,#ffffff0d);border-radius:16px;border:1px solid #ffffff26;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.family-dashboard .preference-option:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand-primary),var(--error));transform:scaleX(0);transition:transform .3s ease}.family-dashboard .preference-option:hover:before{transform:scaleX(1)}.family-dashboard .preference-option:hover{transform:translateY(-2px);box-shadow:0 12px 30px #00000026;border-color:#ffffff40;background:linear-gradient(135deg,#ffffff1f,#ffffff14)}.family-dashboard .preference-info{flex:1 1;margin-right:2rem}.family-dashboard .preference-info h4{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:#fff;display:flex;align-items:center;gap:.75rem}.family-dashboard .preference-info h4:before{content:"";width:8px;height:8px;background:linear-gradient(135deg,var(--brand-primary),var(--error));border-radius:50%;flex-shrink:0}.family-dashboard .preference-info p{font-size:.9rem;color:#ffffffbf;margin:0;line-height:1.5}.family-dashboard .preference-select{min-width:200px;padding:.75rem 1rem;border-radius:12px;border:2px solid #fff3;background:#ffffff1a;color:#fff;font-size:.9rem;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;position:relative}.family-dashboard .preference-select:focus{outline:none;border-color:var(--brand-primary);background:#ffffff26;box-shadow:0 0 0 3px #feca5733;transform:translateY(-1px)}.family-dashboard .preference-select:hover{border-color:#ffffff4d;background:#ffffff1f}.family-dashboard .preference-select option{background:#2d3748;color:#fff;padding:.5rem}.family-dashboard .preferences-actions{display:flex;justify-content:center;gap:1rem;padding-top:1rem;border-top:1px solid #ffffff1a}.family-dashboard .preferences-save-btn{background:linear-gradient(135deg,var(--brand-primary),var(--error));border:none;color:#fff;padding:.875rem 2rem;font-size:.95rem;font-weight:600;border-radius:12px;transition:all .3s ease;box-shadow:0 4px 15px #feca574d}.family-dashboard .preferences-save-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #feca5766;background:linear-gradient(135deg,var(--warning),var(--error))}.family-dashboard .preferences-reset-btn{background:#ffffff1a;border:1px solid #fff3;color:#ffffffe6;padding:.875rem 2rem;font-size:.95rem;font-weight:600;border-radius:12px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.family-dashboard .preferences-reset-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 4px 15px #0000001a}@media (max-width:768px){.family-dashboard .preference-option{flex-direction:column;align-items:flex-start;gap:1rem}.family-dashboard .preference-info{margin-right:0}.family-dashboard .preference-select{width:100%;min-width:auto}}.family-dashboard .usage-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.family-dashboard .usage-stat{padding:1rem;background:#ffffff0d;border-radius:8px;border:1px solid #ffffff1a;text-align:center}.family-dashboard .usage-stat-info h4{font-size:1rem;margin-bottom:.5rem;color:#ffffffe6;text-align:center}.family-dashboard .usage-stat-value{font-size:1.25rem;font-weight:700;color:var(--brand-primary);margin:0 0 .25rem}.family-dashboard .usage-stat-label{font-size:.75rem;color:#fff9;margin:0}.family-dashboard .usage-upgrade-cta{text-align:center;padding:1rem;background:#667eea1a;border-radius:8px;border:1px solid #667eea33}.family-dashboard .usage-upgrade-cta p{font-size:.875rem;margin-bottom:.75rem;color:#ffffffe6}.family-dashboard .danger-actions{gap:1rem}.family-dashboard .danger-action{padding:1rem;background:#ef44441a;border-radius:8px;border:1px solid #ef444433}.family-dashboard .danger-info h4{font-size:1rem;margin-bottom:.25rem;color:var(--error)}.family-dashboard .danger-info p{font-size:.875rem;color:#ffffffb3;margin:0}.family-dashboard .btn{padding:.5rem 1rem;font-size:.875rem;border-radius:6px}.family-dashboard .btn-large{padding:.75rem 1.5rem;font-size:1rem}.family-dashboard .dashboard-tabs{margin-bottom:1.5rem}.family-dashboard .dashboard-tab{padding:.75rem 1.25rem;font-size:.875rem}@media (max-width:768px){.family-dashboard .dashboard-card{padding:1rem}.family-dashboard .profile-details,.family-dashboard .subscription-plans,.family-dashboard .usage-stats{grid-template-columns:1fr}}.try-it-out-page{min-height:100vh;background:linear-gradient(135deg,var(--beach-sand) 0,var(--beach-sand-light) 50%,var(--aqua-blue-light) 100%);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding:2rem 0}.trial-container{max-width:900px;padding:0 1.5rem}.trial-card{background:#fffffffa;border-radius:24px;padding:2.5rem;box-shadow:0 20px 40px #00000014;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid var(--gray-200);margin-bottom:2rem}.trial-header{margin-bottom:2.5rem}.status-indicator{justify-content:center;gap:1rem;margin-bottom:1.5rem}.status-text{font-size:1.3rem;font-weight:700;color:var(--text-primary);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text}.trial-info{text-align:center}.demo-question{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);color:#fff;padding:2rem;border-radius:20px;margin-bottom:2.5rem;box-shadow:0 12px 30px #667eea40;border:1px solid #fff3}.demo-question h3{margin:0 0 1rem;font-size:1.4rem;font-weight:700;text-shadow:0 2px 4px #0000001a}.demo-question p{margin:0;font-size:1.2rem;font-style:italic;line-height:1.5;opacity:.95}.trial-details{text-align:left;margin-bottom:2.5rem;background:#ffffffb3;padding:2rem;border-radius:16px;border:1px solid #ffffff80}.trial-details h4{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text}.trial-details ul{list-style:none;padding:0}.trial-details li{color:var(--text-secondary);position:relative;padding:.75rem 0 .75rem 2rem;font-size:1.1rem;line-height:1.5}.trial-details li:before{content:"✓";position:absolute;left:0;color:var(--success-color);font-weight:700;font-size:1.2rem;background:#4caf501a;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.trial-limits{background:#ffc1071a;padding:1.5rem;border-radius:16px;margin-bottom:2.5rem;border:1px solid #ffc10733}.trial-limits p{margin:0;color:var(--text-secondary);font-size:1rem;font-weight:500}.btn-large{padding:1.25rem 2.5rem;font-size:1.2rem;font-weight:700;border-radius:50px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 25px #667eea4d;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);color:#fff;border:none;cursor:pointer;text-transform:none;letter-spacing:.5px}.btn-large:hover{transform:translateY(-3px);box-shadow:0 15px 35px #667eea66}.btn-large:disabled{opacity:.6;cursor:not-allowed;transform:none}.calling-status,.recording-status{text-align:center;padding:3rem 2rem;background:#fffc;border-radius:20px;border:1px solid #ffffff80}.loading-spinner{width:60px;height:60px;border:4px solid #667eea33;border-top:4px solid var(--primary-color);margin:0 auto 2rem}.phone-number{background:#1976d21a;padding:.75rem 1.5rem;border-radius:25px;display:inline-block;margin-top:1.5rem;font-weight:600;color:var(--primary-color);border:1px solid #1976d233}.recording-indicator{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.recording-dot{width:16px;height:16px;background:var(--error-color);border-radius:50%;animation:blink 1s infinite}.question-display{background:#fff3e0cc;padding:1.5rem;border-radius:16px;margin-top:1.5rem;font-weight:600;color:var(--warning-color);border:1px solid #ffc10733}.recording-result{margin-top:2.5rem}.recording-card{background:#ffffffe6;padding:2rem;border:1px solid #ffffff80;box-shadow:0 8px 25px #00000014;margin-top:2rem}.recording-header{align-items:center;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #0000001a}.recording-header h3{margin:0;color:var(--text-primary);font-size:1.4rem;font-weight:700}.recording-date{font-size:.95rem;font-weight:500}.recording-content{margin-bottom:2rem}.recording-question{font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;font-size:1.1rem;line-height:1.5}.audio-player{width:100%;margin-bottom:1.5rem;background:#fff;padding:1.5rem;border-radius:12px;border:1px solid var(--gray-200);box-shadow:0 2px 8px #0000000d}.audio-player audio{width:100%;border-radius:8px;box-shadow:0 2px 8px #0000001a}.transcription-toggle{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:8px;cursor:pointer;transition:all .2s ease;color:#fffc;margin-left:8px}.transcription-toggle:hover{background:#fff3;border-color:#ffffff4d;color:#fff}.transcription-display{margin-top:1rem;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.transcription-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.transcription-header h4{margin:0;color:#ffffffe6;font-size:1rem;font-weight:600}.close-transcription{background:none;border:none;cursor:pointer;color:#fff9;padding:4px;border-radius:4px;transition:all .2s ease}.close-transcription:hover{background:#ffffff1a;color:#ffffffe6}.transcription-content{color:#fffc;line-height:1.6;font-size:.95rem}.transcription-content p{white-space:pre-wrap;word-wrap:break-word}.recording-actions{gap:1rem;justify-content:center;flex-wrap:wrap}.trial-footer{margin-top:3rem;text-align:center}.trial-footer h3{color:var(--text-primary);margin-bottom:2rem;font-size:1.8rem;font-weight:700}.benefits-grid{display:flex;flex-direction:column;max-width:600px;margin:0 auto}.benefit-item{background:#fff;padding:1.5rem;border-radius:12px;text-align:left;border:1px solid var(--gray-200);box-shadow:0 2px 8px #0000000d}.benefit-content h4{color:var(--text-primary);margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.benefit-content p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.4}.error-message{background:#f443361a;color:var(--error-color);padding:1.5rem;border-radius:16px;border:1px solid #f4433633}.error-message p{margin:0 0 1rem;font-weight:500}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}@media (max-width:768px){.try-it-out-page{padding:1rem}.features-grid{grid-template-columns:1fr;gap:2rem}.feature-card{padding:1.5rem}.feature-content h3{font-size:1.25rem}.step-card{padding:2rem 1.5rem}.step-screenshot{margin-bottom:1rem}.hero-screenshot{border-radius:16px}.hero-dashboard-screenshot{border-radius:14px}.storyteller-screenshots{flex-direction:column;gap:1.5rem;padding:.5rem;margin-top:0}.storyteller-screenshots .screenshot{max-width:100%;width:100%;height:auto;object-fit:contain;object-position:center top;margin:0 auto;background:#0000}.story-display{margin-top:1.5rem;padding:1.5rem}.story-bubble{padding:1.5rem;height:180px;max-width:100%}.story-text{font-size:.9rem;line-height:1.6}}.trial-container{padding:0 1rem}.trial-card{border-radius:20px}.demo-question,.trial-card{padding:1.5rem}.demo-question h3{font-size:1.2rem}.demo-question p{font-size:1.1rem}.trial-details{padding:1.5rem}.signup-card,.signup-page{overflow:visible}.signup-card{background:var(--beach-sand-light)}.signup-header{margin-bottom:2rem}.signup-header h1{color:var(--gray-800);font-size:2rem;font-weight:600;margin:0 0 .75rem;letter-spacing:-.025em;line-height:1.2}.signup-header h1,.signup-header p{text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.signup-header p{color:var(--gray-500);font-size:1rem;line-height:1.5;font-weight:400}.back-button{background:none;border:none;color:var(--text-secondary);font-size:.9rem;padding:.5rem;border-radius:8px;transition:all .2s ease}.back-button:hover{background:#ffffff1a;color:var(--text-primary)}.user-type-card:hover{transform:translateY(-2px)}.signup-form{display:flex;flex-direction:column;gap:1.75rem;overflow:visible}.form-group{gap:.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group:hover{transform:translateY(-2px)}.form-group label{color:var(--gray-600);letter-spacing:.25px;text-transform:none;margin-bottom:.25rem;transition:all .3s ease}.form-group input,.form-group label{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.form-group input{padding:1.125rem 1.375rem;border:2px solid var(--gray-200);border-radius:16px;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--gray-800);font-weight:400;line-height:1.5;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a;position:relative}.form-group input:hover{border-color:var(--gray-300);background:#fff;transform:translateY(-1px);box-shadow:0 4px 16px #00000014}.form-group input::placeholder{color:var(--gray-400);font-weight:400;transition:all .3s ease}.form-group input:focus{border-color:var(--brand-accent);background:#ffffff1f;box-shadow:0 8px 32px #0000001a,0 0 0 4px #00c8ff1a;transform:translateY(-2px)}.form-group input:focus::placeholder{color:#fff6;transform:translateY(-2px)}.form-group input:hover:not(:focus){border-color:#ffffff4d;background:#ffffff1a;transform:translateY(-1px);box-shadow:0 6px 24px #00000014}.form-group.floating-label{position:relative}.form-group.floating-label label{position:absolute;top:1rem;left:1.25rem;font-size:1rem;font-weight:500;color:#ffffffb3;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:left top;text-transform:none;letter-spacing:0}.form-group.floating-label input:focus+label,.form-group.floating-label input:not(:placeholder-shown)+label{transform:translateY(-1.5rem) scale(.85);color:var(--aqua-blue);font-weight:600}.btn{padding:1rem 2rem;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-transform:none;letter-spacing:.25px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--brand-accent) 0,#4f46e5 100%);box-shadow:0 4px 16px #6366f14d}.btn-primary:hover:not(:disabled){box-shadow:0 10px 32px #00c8ff66;background:linear-gradient(135deg,var(--aqua-blue-dark) 0,var(--aqua-blue) 100%)}.btn-secondary{background:#ffffffe6;border:2px solid var(--gray-200);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 2px 8px #0000000a}.btn-secondary:hover:not(:disabled){background:#fff;border-color:var(--gray-300);box-shadow:0 4px 16px #00000014}.btn-full{width:100%}.signup-logo{margin-bottom:1rem}.signup-logo img{max-width:280px}.back-button{position:absolute;top:1rem;left:1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid #fff3;border-radius:10px;color:var(--text-primary);font-size:.8rem;font-weight:600;cursor:pointer;padding:.5rem .75rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.25rem;z-index:10;max-width:80px}.back-button:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.signup-transition-container{width:100%;transition:all .4s cubic-bezier(.4,0,.2,1)}.signup-transition-container>*{animation:slideInFromRight .4s cubic-bezier(.4,0,.2,1)}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.signup-logo{display:flex;justify-content:center;margin-bottom:.5rem;opacity:.9;transition:all .3s ease}.signup-logo:hover{opacity:1;transform:scale(1.02)}.signup-logo img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.error-message{margin-bottom:1rem}.error-message:after{animation:slideIn .3s ease-out}.signup-card{background:#ffffff14;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:2px solid #ffffff26;border-radius:16px;padding:1rem 1.25rem;box-shadow:0 20px 60px #0000001a;transition:all .4s cubic-bezier(.4,0,.2,1)}.signup-card:hover{transform:translateY(-4px);box-shadow:0 25px 80px #00000026;border-color:#ffffff40;background:#ffffff1f}.signup-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none}.signup-header{text-align:center;margin-bottom:1rem;position:relative;padding-top:3.5rem;padding-left:2rem;padding-right:2rem}.signup-header h1{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 .375rem;text-shadow:0 2px 4px #0000001a;letter-spacing:-.5px}.signup-header p{color:var(--text-secondary);font-size:.85rem;margin:0;font-weight:500;opacity:.9}.city-suggestions{border-top:none;border-radius:0 0 16px 16px;max-height:200px;box-shadow:0 4px 16px #00000014}.city-suggestion{padding:1rem 1.25rem;cursor:pointer;color:var(--gray-700);font-size:.95rem;font-weight:400;transition:all .2s ease;border-bottom:1px solid #e5e7eb80;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.city-suggestion:last-child{border-bottom:none}.city-suggestion:hover{background:#6366f11a;color:var(--brand-accent);font-weight:500}.form-actions{gap:1rem;margin-top:1rem}.form-actions .btn{flex:1 1}.plan-options{flex-direction:column;gap:2rem;margin:2rem auto;padding-top:1rem}.plan-card{background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid #ffffff4d;border-radius:16px;padding:2rem 1.5rem 1.5rem;text-align:left;box-shadow:0 8px 32px #0000001a;overflow:visible}.plan-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026;border-color:#fff6}.plan-header{margin-bottom:1rem}.plan-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0}.plan-badge{background:var(--aqua-blue);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;position:absolute;top:-.75rem;left:50%;transform:translateX(-50%);z-index:10;box-shadow:0 4px 12px #00000026}.plan-badge.popular{background:var(--brand-primary);color:var(--gray-800);box-shadow:0 4px 12px #feca5766;opacity:1}.loading-message{text-align:center;padding:1rem;margin-bottom:1rem}.loading-message .loading-spinner{width:24px;height:24px;border:2px solid #6366f11a;border-left:2px solid var(--brand-accent);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto .5rem}.loading-message p{color:var(--gray-500);font-size:.9rem;margin:0}.plan-card:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.plan-features ul{list-style:none;padding:0;margin:0 0 1rem}.plan-features li{color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem;padding-left:1rem;position:relative}.plan-features li:before{position:absolute;left:0;color:var(--aqua-blue);font-weight:700}.plan-price{margin-top:1rem}.price-amount{color:var(--text-primary);font-size:2rem;font-weight:700}.price-period{color:var(--text-secondary);font-size:.9rem}.success-message{padding:2rem 0}.success-message p{color:var(--text-secondary);font-size:.9rem}.error-message{background:#dc35451a;border:1px solid #dc35454d;color:var(--error);padding:.75rem;font-size:.9rem}@media (max-width:768px){.signup-page{padding:1rem;display:flex;align-items:center;justify-content:center;min-height:100vh}.signup-container{max-width:100%;width:100%;margin:0 auto}.signup-card{padding:1.5rem 1.25rem;border-radius:16px;margin:0}.signup-header{margin-bottom:1rem;padding-top:3rem;padding-left:1rem;padding-right:1rem}.signup-header h1{font-size:1.375rem}.signup-logo{margin-bottom:.375rem}.signup-logo img{max-width:200px;height:auto!important}.signup-form{gap:.625rem}.form-group{gap:.25rem}.form-group input{padding:.5rem .75rem;font-size:.85rem}.btn{padding:.5rem 1rem;font-size:.8rem}.back-button{top:1rem;left:1rem;padding:.5rem .75rem;font-size:.8rem;max-width:80px}}@media (max-width:480px){.signup-page{padding:.75rem;display:flex;align-items:center;justify-content:center;min-height:100vh}.signup-container{max-width:100%;width:100%;margin:0 auto}.signup-card{padding:1.25rem 1rem;border-radius:16px;margin:0}.signup-header{margin-bottom:1rem;padding-top:3rem;padding-left:1rem;padding-right:1rem}.signup-header h1{font-size:1.25rem}.signup-logo{margin-bottom:.25rem}.signup-logo img{max-width:180px;height:auto!important}.signup-form{gap:.5rem}.form-group{gap:.125rem}.form-group label{font-size:.7rem}.form-group input{padding:.375rem .625rem;font-size:.8rem;border-radius:8px}.btn{padding:.375rem .875rem;font-size:.75rem;border-radius:8px}.back-button{top:1rem;left:1rem;padding:.5rem .75rem;font-size:.8rem;border-radius:8px;max-width:80px}.form-actions{flex-direction:column;gap:.375rem}.error-message{padding:.5rem .75rem;font-size:.75rem}}.trial-details li:before{width:20px;height:20px;font-size:1rem}.benefits-grid{grid-template-columns:1fr;gap:1.5rem}.benefit-item{padding:2rem}.recording-actions{flex-direction:column}.btn-large{padding:1rem 2rem;font-size:1.1rem}.trial-footer h3{font-size:1.6rem}.status-text{font-size:1.1rem}.status-icon{display:none}.confirmation-summary{background:#fffffff2;border:1px solid var(--gray-200);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 16px #00000014}.summary-section{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb80}.summary-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.summary-section h3{color:var(--gray-700);font-size:1rem;font-weight:600;margin-bottom:.75rem}.summary-section h3,.summary-section p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.summary-section p{color:var(--gray-500);font-size:.9rem;margin-bottom:.5rem;line-height:1.5}.summary-section p:last-child{margin-bottom:0}.summary-section strong{color:var(--gray-800);font-weight:500}@media (max-width:768px){.confirmation-summary{padding:1.25rem;margin-bottom:1.25rem}.summary-section{margin-bottom:1.25rem;padding-bottom:.75rem}.summary-section h3{font-size:.95rem;margin-bottom:.5rem}.summary-section p{font-size:.85rem}}@media (max-width:480px){.confirmation-summary{padding:1rem;margin-bottom:1rem}.summary-section{margin-bottom:1rem;padding-bottom:.5rem}.summary-section h3{font-size:.9rem}.summary-section p{font-size:.8rem}}.family-dashboard-header.route-transition{will-change:opacity,transform;transition:opacity .3s ease,transform .3s ease}.family-dashboard-header.route-transition.route-animating{opacity:.96;transform:translateY(-2px)}.family-header-nav .family-nav-link,.family-mobile-nav .family-mobile-nav-link{transition:color .2s ease,background .2s ease,transform .2s ease}.loading-spinner{width:12px;height:12px;animation:spin .8s ease-in-out infinite;margin-right:6px}.family-mobile-nav-link.storyteller-btn.loading,.family-nav-link.storyteller-btn.loading{opacity:.8;transform:scale(.98);transition:all .2s ease}.family-mobile-nav-link.storyteller-btn.loading:disabled,.family-nav-link.storyteller-btn.loading:disabled{cursor:not-allowed;pointer-events:none}.family-mobile-nav-link.storyteller-btn:not(.loading):active,.family-nav-link.storyteller-btn:not(.loading):active{transform:scale(.95);transition:transform .1s ease}.family-header-nav .family-nav-link:hover,.family-mobile-nav .family-mobile-nav-link:hover{transform:translateY(-1px)}.family-header-nav .family-nav-link.active,.family-mobile-nav .family-mobile-nav-link.active{transition:box-shadow .25s ease,background .25s ease,color .2s ease}.current-plan-highlight{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid var(--brand-secondary);border-radius:16px;padding:32px;margin-top:16px}.plan-badge-large{display:inline-block;background:linear-gradient(135deg,var(--brand-secondary) 0,var(--brand-coral) 100%);color:#fff;font-size:24px;font-weight:700;padding:12px 32px;border-radius:12px;margin-bottom:24px;box-shadow:0 4px 12px #f4a2614d}.plan-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:20px;gap:20px;margin-top:20px}.plan-stat{display:flex;flex-direction:column;gap:8px}.plan-stat .stat-label{font-size:14px;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.plan-stat .stat-value{font-size:18px;color:#2d3748;font-weight:600}.subscription-actions{margin-top:24px;padding-top:24px;border-top:1px solid #e9ecef}.subscription-actions .btn{padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;border:1px solid;transition:all .2s ease}.subscription-actions .btn-outline-danger{color:var(--error);background-color:#fff;border-color:var(--error)}.subscription-actions .btn-outline-danger:hover{background-color:var(--error);color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #dc354533}.subscription-actions .btn-outline-danger:active{transform:translateY(0)}.subscription-actions .btn-outline-danger:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.current-plan-highlight{padding:20px}.plan-badge-large{font-size:20px;padding:10px 24px}.plan-stats-grid{grid-template-columns:1fr;gap:16px}}.profile-page{min-height:100vh;background:linear-gradient(135deg,var(--brand-primary) 0,var(--error) 100%)}.profile-content{padding:2rem 0;min-height:calc(100vh - 200px)}.profile-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.profile-header{text-align:center;margin-bottom:3rem;animation:fadeInUp .6s ease-out}.profile-header h1{font-size:3rem;font-weight:800;margin:0 0 1rem;background:linear-gradient(135deg,#fff 0,var(--brand-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text;text-shadow:0 4px 20px #0000004d}.profile-header p{font-size:1.25rem;color:#ffffffe6;margin:0;font-weight:400}.profile-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.profile-tab{padding:1rem 2rem;border:2px solid #fff3;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:50px;color:#fffc;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.profile-tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);transition:left .5s ease}.profile-tab:hover:before{left:100%}.profile-tab:hover{border-color:#fff6;background:#ffffff26;color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.profile-tab.active{border-color:#667eea99;background:linear-gradient(135deg,#667eea33,#764ba226);color:#fff;box-shadow:0 8px 25px #667eea4d}.profile-section{margin-bottom:3rem;animation:fadeInUp .6s ease-out}.danger-zone-card,.preferences-card,.profile-card,.security-card,.subscription-overview{background:#ffffff1a;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid #fff3;border-radius:24px;padding:2.5rem;box-shadow:0 20px 40px #0003,inset 0 0 0 1px #ffffff1a;transition:all .3s ease}.preferences-card:hover,.profile-card:hover,.security-card:hover,.subscription-overview:hover{border-color:#ffffff4d;box-shadow:0 25px 50px #00000040,inset 0 0 0 1px #ffffff26}.danger-zone-card h2,.preferences-card h2,.profile-card h2,.security-card h2,.subscription-overview h2{font-size:1.75rem;font-weight:700;color:#fff;margin:0 0 2rem;text-shadow:0 2px 8px #0000004d}.profile-info{display:flex;align-items:flex-start;gap:2rem}.profile-avatar{width:4rem;height:4rem;border-radius:50%;background:linear-gradient(135deg,var(--brand-primary) 0,var(--error) 100%);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.5rem;color:#fff;text-shadow:0 2px 4px #0000004d;box-shadow:0 8px 25px #667eea4d,inset 0 0 0 1px #fff3;flex-shrink:0}.profile-details{flex:1 1;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem}.profile-field label{display:block;font-size:.875rem;font-weight:600;color:#ffffffb3;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.profile-field p{font-size:1.125rem;color:#fff;margin:0;font-weight:500;padding:.75rem 1rem;background:#ffffff0d;border-radius:12px;border:1px solid #ffffff1a}.account-type{background:linear-gradient(135deg,#667eea33,#764ba21a)!important;border-color:#667eea4d!important;color:#a5b4fc!important}.subscription-overview h3{font-size:1.5rem;font-weight:600;color:#fff;margin:2rem 0 1.5rem;text-shadow:0 2px 8px #0000004d}.plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.plan-header h3,.plan-header h4{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.plan-header h4,.plan-price{font-size:1.25rem}.plan-price{font-weight:700;color:var(--brand-primary);text-shadow:0 2px 8px #feca574d}.subscription-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;align-items:start}.plan-card{background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden;height:100%}.plan-card .plan-header{text-align:center;margin-bottom:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.plan-card .plan-header h3,.plan-card .plan-header h4{font-size:1.5rem;font-weight:700;margin:0;color:#fff}.current-plan-badge{background:linear-gradient(135deg,var(--success),var(--success));color:#fff;padding:.375rem 1rem;border-radius:20px;font-size:.813rem;font-weight:600;box-shadow:0 4px 12px #10b9814d;letter-spacing:.5px;text-transform:uppercase}.plan-card .plan-price{font-size:1.25rem;font-weight:700;color:var(--brand-primary);margin:0}.plan-card:hover{border-color:#ffffff40;background:#ffffff1f;box-shadow:0 16px 40px #0003}.plan-card.current{border-color:#667eea66;background:linear-gradient(135deg,#667eea1a,#764ba20d)}.plan-card.current:before{transform:scaleX(1)}.plan-features{margin-bottom:2rem;flex:1 1;display:flex;flex-direction:column;padding-left:0}.plan-feature{display:flex;align-items:flex-start;margin-bottom:.75rem;color:#ffffffe6;font-size:.95rem;line-height:1.4;min-height:24px}.plan-feature .feature-icon{color:var(--success);font-weight:700;font-size:1.1rem;width:20px;margin-right:12px;flex-shrink:0;text-align:center}.checkmark-container{width:24px;height:24px;background:linear-gradient(135deg,var(--error) 0,var(--brand-primary) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:12px;position:relative}.checkmark-symbol{color:#fff;font-weight:700;font-size:14px;line-height:1;text-align:center}.feature-text{flex:1 1;line-height:1.4}.plan-actions{text-align:center}.current-plan-btn{color:#fff!important;border:none!important;cursor:default!important;opacity:1!important;font-weight:600!important}.current-plan-btn,.current-plan-btn:hover{background:linear-gradient(135deg,var(--success),var(--success))!important}.current-plan-btn:hover{transform:none!important}.security-options{display:grid;grid-gap:1.5rem;gap:1.5rem}.security-option{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;transition:all .3s ease}.security-option:hover{background:#ffffff14;border-color:#ffffff26}.security-info h4{font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 .5rem}.security-info p{font-size:.9rem;color:#ffffffb3;margin:0}.preferences-options{display:grid;grid-gap:1.5rem;gap:1.5rem}.preference-option{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;transition:all .3s ease}.preference-option:hover{background:#ffffff14;border-color:#ffffff26}.preference-info h4{font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 .5rem}.preference-info p{font-size:.9rem;color:#ffffffb3;margin:0}.preference-select{padding:.75rem 1rem;border:1px solid #fff3;border-radius:12px;background:#ffffff1a;color:#fff;font-size:.9rem;min-width:150px;transition:all .3s ease}.preference-select:focus{outline:none;border-color:#667eea80;box-shadow:0 0 0 3px #667eea1a}.preference-select option{background:#1a1a2e;color:#fff}.danger-zone-card{border-color:#ef44444d;background:#ef44440d}.danger-zone-card h2{color:#fca5a5}.danger-actions{display:grid;grid-gap:1.5rem;gap:1.5rem}.danger-action{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#ef44441a;border:1px solid #ef444433;border-radius:16px;transition:all .3s ease}.danger-action:hover{background:#ef444426;border-color:#ef44444d}.danger-info h4{font-size:1.125rem;font-weight:600;color:#fca5a5;margin:0 0 .5rem}.danger-info p{font-size:.9rem;color:#fca5a5cc;margin:0}.btn{padding:.75rem 1.5rem;font-size:.9rem;gap:.5rem}.btn-primary{background:linear-gradient(135deg,var(--brand-primary) 0,var(--error) 100%);box-shadow:0 4px 15px #667eea4d}.btn-primary:hover{box-shadow:0 8px 25px #667eea66}.btn-secondary{background:#ffffff1a;border:1px solid #fff3}.btn-secondary:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,var(--error) 0,var(--error-dark) 100%);color:#fff;box-shadow:0 4px 15px #ef44444d}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ef444466}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}@media (max-width:768px){.profile-header h1{font-size:2.5rem}.calendar-toggle-btn{min-width:44px;min-height:44px;padding:.75rem}.calendar-toggle-btn svg{width:18px;height:18px}.calendar-container{padding:1.5rem;border-radius:20px}.calendar-title{font-size:1.25rem}.calendar-day{min-width:36px;min-height:36px;font-size:.875rem}.calendar-weekday{font-size:.75rem;padding:.5rem 0}.weekly-usage-indicator{padding:.875rem}.weekly-usage-indicator small{font-size:.8rem;gap:.375rem}.usage-icon{width:14px;height:14px}.weekly-usage-indicator .usage-count{padding:.375rem .625rem;font-size:.875rem}.call-scheduler-modal{padding:1.5rem;margin:1rem}.modal-header h3{font-size:1.5rem}.form-actions{flex-direction:column;gap:.75rem}.form-actions .btn{width:100%;min-width:auto}.form-row{grid-template-columns:1fr;gap:1rem}.profile-tabs{flex-direction:column;align-items:center}.profile-tab{width:100%;max-width:300px}.profile-info{flex-direction:column;text-align:center}.profile-details,.subscription-plans{grid-template-columns:1fr}.danger-action,.preference-option,.security-option{flex-direction:column;text-align:center;gap:1rem}.danger-zone-card,.preferences-card,.profile-card,.security-card,.subscription-overview,.usage-dashboard-card{padding:1.5rem}}.form-page{min-height:100vh;background:linear-gradient(135deg,var(--brand-primary) 0,var(--error) 100%);display:flex;align-items:center;justify-content:center;padding:2rem 0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow:hidden}.form-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="white" opacity="0.05"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.form-container{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff3;border-radius:20px;padding:3rem 2.5rem;width:100%;max-width:450px;position:relative;z-index:2;box-shadow:0 20px 40px #0003}.form-title{text-align:center;margin-bottom:2.5rem;color:#fff;font-size:2rem;font-weight:800;background:linear-gradient(135deg,#fff,var(--brand-primary));-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text}.form-group{margin-bottom:2rem}.form-label{display:block;margin-bottom:.75rem;font-weight:600;color:#ffffffe6;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.form-input{padding:1rem 1.25rem;background:#ffffff1a;border:2px solid #fff3;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-input::placeholder{color:#fff9}.form-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 .25rem #feca5726;transform:translateY(-2px);background:#ffffff26}.form-input:hover{border-color:#fff6;background:#ffffff1f}.form-button{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,var(--error),var(--brand-primary));color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 25px #ff6b6b66;text-transform:uppercase;letter-spacing:.05em}.form-button:hover{transform:translateY(-3px);box-shadow:0 12px 35px #ff6b6b99}.form-button:disabled{background:#fff3;color:#fff9;cursor:not-allowed;transform:none;box-shadow:none}.form-footer{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid #fff3}.form-footer a{color:var(--brand-primary);text-decoration:none;font-weight:600;transition:color .2s ease}.form-footer a:hover{color:var(--error);text-decoration:underline}.landing-page.login-page,.login-page{animation:smoothFadeIn .5s cubic-bezier(.4,0,.2,1);min-height:100vh;background:linear-gradient(135deg,var(--beach-sand) 0,var(--beach-sand-light) 50%,var(--aqua-blue-light) 100%);padding:2rem 0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}.landing-page .login-container,.landing-page.login-page,.login-page{display:flex;align-items:center;justify-content:center;position:relative}.landing-page .login-container{width:100%;max-width:500px;z-index:2;padding-top:6rem;margin:0 auto}.login-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="white" opacity="0.05"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.landing-page .login-container,.login-container{display:flex;align-items:center;justify-content:center;width:100%;max-width:500px;position:relative;z-index:2;padding-top:6rem;margin:0 auto}.landing-page .login-card,.login-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid var(--border-soft);border-radius:24px;padding:3rem 2.5rem;box-shadow:0 20px 40px var(--shadow-color);position:relative;overflow:hidden;animation:cardSlideIn .6s cubic-bezier(.4,0,.2,1) .1s backwards}.login-header{text-align:center;margin-bottom:2.5rem}.login-header h1{font-size:2.5rem;font-weight:800;margin-bottom:1rem;color:var(--text-primary);text-shadow:0 2px 4px #1a1a1a1a}.login-header p{color:var(--text-primary);font-size:1.125rem;font-weight:500;text-shadow:0 1px 2px #1a1a1a0d}.login-type-selector{margin-bottom:2rem}.login-type-tabs{display:flex;background:var(--white);border-radius:16px;padding:.25rem;gap:.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--border-soft);box-shadow:0 4px 20px var(--shadow-color)}.login-tab{flex:1 1;padding:.875rem 1rem;background:#0000;border:none;border-radius:8px;color:var(--gray-600);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.05em}.login-tab:hover{color:var(--gray-900);background:#c5e8e833}.login-tab.active{background:linear-gradient(135deg,var(--aqua-blue-soft) 0,var(--aqua-blue-dark) 100%);color:#2a2a2a;box-shadow:0 4px 15px var(--shadow-aqua)}.login-form{margin-bottom:2rem}.login-form .form-group{margin-bottom:1.5rem}.login-form .form-label{display:block;margin-bottom:.75rem;font-weight:600;color:var(--gray-700);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.login-form .form-input{width:100%;padding:1rem 1.25rem;background:#faf2e04d;border:2px solid var(--border-soft);border-radius:12px;font-size:1rem;color:#2a2a2a;transition:all .3s cubic-bezier(.4,0,.2,1)}.login-form .form-input::placeholder{color:var(--gray-500)}.login-form .form-input:focus{outline:none;border-color:var(--aqua-blue-soft);box-shadow:0 0 0 3px var(--shadow-aqua),0 4px 12px var(--shadow-color);transform:translateY(-2px);background:#fff}.login-form .form-input:hover{border-color:var(--aqua-blue-soft);background:#faf2e080}.error-message{background:linear-gradient(135deg,#fffffff2,#ffffffe6);border:2px solid var(--error);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1.5rem;color:#2c3e50;font-weight:600;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #e74c3c33;position:relative;font-size:.95rem;line-height:1.4}.error-message:before{content:"";display:none}.error-message:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--error),#c0392b);border-radius:12px 12px 0 0}.login-form .btn{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,var(--aqua-blue-soft) 0,var(--aqua-blue-dark) 100%);color:#2a2a2a;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px var(--shadow-aqua);text-transform:uppercase;letter-spacing:.05em}.login-form .btn:hover:not(:disabled){background:linear-gradient(135deg,var(--aqua-blue-dark) 0,var(--aqua-blue-soft) 100%);transform:translateY(-3px);box-shadow:0 8px 25px var(--shadow-aqua)}.login-form .btn:disabled{background:#fff3;color:#fff9;cursor:not-allowed;transform:none;box-shadow:none}.login-footer{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid #fff3}.login-footer p{color:#fffc;margin-bottom:1.5rem;font-size:1rem}.login-footer .link{color:var(--brand-primary);text-decoration:none;font-weight:600;transition:color .2s ease}.login-footer .link:hover{color:var(--error);text-decoration:underline}.login-footer .btn{background:#ffffff1a;border:2px solid #ffffff4d;color:#fff;padding:.875rem 1.5rem;border-radius:12px;font-weight:600;transition:all .3s ease}.login-footer .btn:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}@media (max-width:768px){.login-card{padding:2rem 1.5rem;margin:1rem}.login-header h1{font-size:2rem}.login-type-tabs{flex-direction:column}.login-tab{text-align:center}}@media (max-width:480px){.login-container{max-width:100%}.login-card{padding:1.5rem 1rem}.login-header h1{font-size:1.75rem}}.user-type-options{display:flex;flex-direction:column;gap:.75rem;margin:1rem auto;max-width:100%;width:100%}.user-type-card{background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid #ffffff4d;border-radius:16px;padding:1.25rem;cursor:pointer;transition:all .3s ease;text-align:left;width:100%;box-shadow:0 8px 32px #0000001a;position:relative;overflow:hidden}.user-type-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);opacity:0;transition:opacity .3s ease;pointer-events:none}.user-type-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026;border-color:#fff6}.user-type-card:hover:before{opacity:1}.user-type-card:active{transform:translateY(-2px)}.user-type-card h3{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 1px 2px #0000001a}.user-type-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin:0;font-weight:500}.signup-page{animation:smoothFadeIn .5s cubic-bezier(.4,0,.2,1)}@keyframes smoothFadeIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.signup-page{min-height:100vh;background:linear-gradient(135deg,var(--beach-sand) 0,var(--beach-sand-light) 50%,var(--aqua-blue-light) 100%);display:flex;align-items:center;justify-content:center;padding:1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow:hidden}.signup-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="white" opacity="0.05"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.signup-container{width:100%;max-width:450px;position:relative;z-index:2;margin:0 auto}.signup-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid var(--border-soft);border-radius:20px;padding:1.5rem;box-shadow:0 15px 30px var(--shadow-color);position:relative;overflow:hidden;width:100%;animation:cardSlideIn .6s cubic-bezier(.4,0,.2,1) .1s backwards}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.signup-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 60px var(--shadow-aqua);border-color:var(--aqua-blue-soft);background:var(--beach-sand-warm)}.signup-card h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary);letter-spacing:-.01em}.signup-card p{color:#ffffffd9;line-height:1.5;font-size:1rem;font-weight:400;margin-bottom:0}.plan-selection{margin:3rem auto;max-width:500px;padding:0 1rem}.plan-options{display:flex;justify-content:center}.plan-card{background:linear-gradient(135deg,#fff,#f8fbfb);border:none;border-radius:24px;padding:3rem 2.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:0 8px 32px #b8e6e626;width:100%;max-width:450px}.plan-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #b8e6e640}.plan-badge{display:inline-block;align-self:center;background:linear-gradient(135deg,#b8e6e6,#a0d8d8);color:#1a1a1a;padding:.5rem 1.25rem;border-radius:24px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:2rem;box-shadow:0 4px 12px #b8e6e64d}.plan-name{font-size:1.75rem;font-weight:800;color:#1a1a1a;margin-bottom:1rem;text-align:center;letter-spacing:-.01em}.plan-price{margin-bottom:2.5rem;text-align:center}.price-amount{font-size:3.5rem;font-weight:900;color:#1a1a1a;line-height:1;letter-spacing:-.03em;display:block}.price-period{font-size:1rem;color:#666;margin-top:.75rem;display:block;font-weight:500}.plan-description{color:#555;font-size:.95rem;line-height:1.7;margin-bottom:2.5rem;text-align:center}.plan-features{list-style:none;padding:0;margin:0 0 3rem;text-align:left}.plan-features li{padding:.85rem 0;color:#333;font-size:.95rem;display:flex;align-items:center;gap:1rem;line-height:1.6;border-bottom:1px solid #b8e6e633}.plan-features li:last-child{border-bottom:none}.plan-features li:before{content:"✓";color:#8fcbcb;font-weight:900;font-size:1.2rem;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#b8e6e626;border-radius:50%}.plan-action{margin-top:auto}.plan-action button{width:100%;padding:1.125rem;background:linear-gradient(135deg,#b8e6e6,#8fcbcb);color:#1a1a1a;border:none;border-radius:16px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #b8e6e666;letter-spacing:.01em}.plan-action button:hover{background:linear-gradient(135deg,#8fcbcb,#6bb5b5);transform:translateY(-2px);box-shadow:0 8px 24px #b8e6e680}.plan-card.selected{box-shadow:0 12px 40px #b8e6e659}.selected-plan-display{background:#feca571a;border:1px solid #feca574d;border-radius:16px;padding:1.5rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.plan-summary h4{color:var(--brand-primary);font-weight:700;margin-bottom:.75rem}.plan-summary p{color:#fffc;line-height:1.6}.signup-form{margin-bottom:2rem}.signup-form .form-group{margin-bottom:1rem}.signup-form .form-label{display:block;margin-bottom:.75rem;font-weight:600;color:var(--gray-700);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.signup-form .form-input{width:100%;padding:1rem 1.25rem;background:#faf2e04d;border:2px solid var(--border-soft);border-radius:12px;font-size:1rem;color:#2a2a2a;transition:all .3s cubic-bezier(.4,0,.2,1)}.signup-form .form-input::placeholder{color:var(--gray-500)}.signup-form .form-input:focus{outline:none;border-color:var(--aqua-blue-soft);box-shadow:0 0 0 3px var(--shadow-aqua),0 4px 12px var(--shadow-color);transform:translateY(-2px);background:#fff}.signup-form .form-input:hover{border-color:var(--aqua-blue-soft);background:#faf2e080}.signup-form .password-input-container input{width:100%;padding:1rem 4rem 1rem 1.25rem;border:2px solid var(--border-soft);border-radius:16px;background:#fffffff2;color:var(--text-primary);font-size:1rem;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 2px 8px var(--shadow-color)}.signup-form .password-input-container input::placeholder{color:var(--text-secondary);opacity:.7}.signup-form .password-input-container input:focus{outline:none;border-color:var(--aqua-blue);background:#fff;box-shadow:0 0 0 4px var(--shadow-aqua),0 4px 16px var(--shadow-color);transform:translateY(-1px)}.signup-form .password-input-container input:hover{border-color:var(--aqua-blue-soft);background:#fff;box-shadow:0 4px 16px var(--shadow-color)}.signup-form .password-toggle{position:absolute;right:1rem;background:none;border:none;cursor:pointer;font-size:1.2rem;padding:.5rem;border-radius:8px;transition:all .2s ease;color:var(--text-secondary);z-index:10}.signup-form .password-toggle:hover{background:#0000000d;color:var(--text-primary)}.signup-form .password-requirement{background:#fffffff2;border:2px solid var(--border-soft);border-radius:12px;padding:1rem 1.25rem;margin-top:1rem;color:var(--text-secondary);font-size:.9rem;font-weight:500;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 2px 8px var(--shadow-color)}.payment-form,.payment-header{margin-bottom:2rem}.plan-badge{background:linear-gradient(135deg,var(--aqua-blue) 0,var(--aqua-blue-dark) 100%);border-radius:16px;padding:1.5rem;text-align:center;color:#2a2a2a;box-shadow:0 8px 25px var(--shadow-aqua)}.plan-name{display:block;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.plan-price{font-size:2rem;font-weight:800}.period{font-size:1rem;font-weight:400;opacity:.9}.form-section{margin-bottom:2rem}.form-section h3{color:#fff;font-weight:700;margin-bottom:.5rem}.form-subtitle{color:#ffffffb3;font-size:.875rem}.card-details-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.signup-form .btn{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,var(--aqua-blue-soft) 0,var(--aqua-blue-dark) 100%);color:#2a2a2a;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px var(--shadow-aqua);text-transform:uppercase;letter-spacing:.05em}.signup-form .btn:hover:not(:disabled){background:linear-gradient(135deg,var(--aqua-blue-dark) 0,var(--aqua-blue-soft) 100%);transform:translateY(-2px);box-shadow:0 8px 25px var(--shadow-aqua)}.signup-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #fff3}.signup-footer .btn{background:#ffffff1a;border:2px solid #ffffff4d;color:#fff;padding:.875rem 1.5rem;border-radius:12px;font-weight:600;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.signup-footer .btn:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}@media (max-width:768px){.plan-selection{max-width:100%}.plan-card{padding:2.5rem 2rem;border-radius:20px}.price-amount{font-size:3rem}.plan-name{font-size:1.5rem}}.signup-success-icon{font-size:4rem;text-align:center;margin-bottom:1rem;animation:bounce 1s ease-in-out infinite}.signup-success-subtitle{color:#ffffffe6;font-size:1.25rem;margin-bottom:2rem;text-align:center}.signup-success-message{text-align:center;margin-bottom:3rem}.signup-success-message p{color:#fffc;font-size:1rem;line-height:1.6;margin-bottom:.5rem}.signup-success-actions{display:flex;flex-direction:column;gap:1rem;align-items:center}.signup-success-actions .btn{min-width:200px;justify-content:center}@media (max-width:768px){.signup-success-icon{font-size:3rem}.signup-success-subtitle{font-size:1.125rem}.signup-success-actions{gap:.75rem}.signup-success-actions .btn{min-width:180px}}@media (max-width:480px){.signup-success-icon{font-size:2.5rem}.signup-success-subtitle{font-size:1rem}.signup-success-message p{font-size:.95rem}.signup-success-actions .btn{min-width:160px;padding:.875rem 1rem}.city-input{padding:.875rem 1rem;font-size:.95rem}.city-suggestions{max-height:200px}.city-suggestion-item{padding:.75rem .875rem;flex-direction:column;align-items:flex-start;gap:.5rem}.city-timezone{align-self:flex-start}}.city-input-container{position:relative;width:100%}.city-input{width:100%;padding:1rem 1.25rem;border:2px solid #fff3;border-radius:12px;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;font-size:1rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none}.city-input::placeholder{color:#fff9;font-weight:400}.city-input:focus{border-color:#ff6b6bcc;background:#ffffff26;box-shadow:0 0 0 4px #ff6b6b1a,0 8px 25px #ff6b6b33;transform:translateY(-2px)}.city-input:hover:not(:focus){border-color:#fff6;background:#ffffff1f;transform:translateY(-1px)}.city-suggestions{position:absolute;top:100%;left:0;right:0;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;box-shadow:0 8px 32px #0000001f;margin-top:.5rem;max-height:300px;overflow-y:auto;z-index:10;animation:slideDownFade .3s cubic-bezier(.4,0,.2,1);border:2px solid var(--gray-200);border-top:3px solid #ff6b6b4d}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.city-suggestion-item{padding:1rem 1.25rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border-bottom:1px solid #e5e7eb80;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;background:#fffffffa}.city-suggestion-item:last-child{border-bottom:none}.city-suggestion-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#ff6b6b1a,#feca571a);transform:translateX(-100%);transition:transform .3s ease}.city-suggestion-item:hover{background:#6366f11f;transform:translateX(4px);box-shadow:0 4px 15px #6366f133}.city-suggestion-item:hover:before{transform:translateX(0)}.city-suggestion-item:active{transform:translateX(2px) scale(.98)}.city-name{font-weight:600;color:#2d3748;font-size:1rem;flex:1 1}.city-timezone{font-size:.875rem;color:#718096;font-weight:500;background:#7180961a;padding:.25rem .75rem;border-radius:20px;border:1px solid #71809633;transition:all .2s ease}.city-suggestion-item:hover .city-timezone{background:#ff6b6b1a;border-color:#ff6b6b4d;color:#e53e3e}.city-suggestion-item.no-results{cursor:default;color:#718096;font-style:italic;text-align:center;padding:1.5rem}.city-suggestion-item.no-results:hover{background:#0000;transform:none}.city-suggestion-item.no-results:before{display:none}.city-suggestion-item.loading{cursor:default;color:#718096;text-align:center;padding:1.5rem;display:flex;align-items:center;justify-content:center;gap:.75rem}.city-suggestion-item.loading:hover{background:#0000;transform:none}.city-suggestion-item.loading:before{display:none}.spinner-small{width:16px;height:16px}.success-message{background:#28a7451a;border:1px solid #28a7454d;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.success-icon{font-size:3rem;animation:bounce 1s ease-in-out infinite}.success-message h3{color:var(--success);font-size:1.25rem;font-weight:700;margin-bottom:1rem}.success-message p{color:#ffffffe6;font-size:1rem;line-height:1.6;margin-bottom:.5rem}.success-message p:last-child{margin-bottom:0}@media (max-width:768px){.success-icon{font-size:2.5rem}.success-message h3{font-size:1.125rem}.success-message p{font-size:.95rem}}@media (max-width:480px){.success-icon{font-size:2rem}.success-message{padding:1.25rem}.success-message h3{font-size:1rem}.success-message p{font-size:.9rem}}.question-selection-modal{max-width:600px;width:90%}.question-selection-section{margin-bottom:1.5rem}.question-options{margin:1rem 0}.question-option{margin-bottom:1rem;padding:1rem;border:2px solid #e1e5e9;border-radius:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.question-option input[type=radio]{margin-right:.5rem}.question-option label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.custom-question-input{width:100%;margin-top:.5rem;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-family:inherit;resize:vertical}.question-preview{margin-top:1rem;padding:1rem;background:#677eea1a;border-radius:8px;border-left:4px solid var(--brand-primary)}.selected-question-text{margin:.5rem 0 0;font-style:italic;color:#555;line-height:1.4}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotateIn{0%{transform:rotate(-200deg);opacity:0}to{transform:rotate(0);opacity:1}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}@keyframes wiggle{0%,7%{transform:rotate(0)}15%{transform:rotate(-15deg)}20%{transform:rotate(10deg)}25%{transform:rotate(-10deg)}30%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}40%,to{transform:rotate(0)}}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-fade-in-down{animation:fadeInDown .6s ease-out}.animate-fade-in-left{animation:fadeInLeft .6s ease-out}.animate-fade-in-right{animation:fadeInRight .6s ease-out}.animate-slide-in-up{animation:slideInUp .6s ease-out}.animate-slide-in-down{animation:slideInDown .6s ease-out}.animate-slide-in-left{animation:slideInLeft .6s ease-out}.animate-slide-in-right{animation:slideInRight .6s ease-out}.animate-scale-in{animation:scaleIn .4s ease-out}.animate-scale-out{animation:scaleOut .4s ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-bounce{animation:bounce 1s infinite}.animate-rotate{animation:rotate 2s linear infinite}.animate-rotate-in{animation:rotateIn .8s ease-out}.animate-shake{animation:shake .8s ease-in-out}.animate-wiggle{animation:wiggle 1s ease-in-out}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-400{animation-delay:.4s}.animate-delay-500{animation-delay:.5s}.animate-delay-600{animation-delay:.6s}.animate-delay-700{animation-delay:.7s}.animate-delay-800{animation-delay:.8s}.animate-delay-900{animation-delay:.9s}.animate-delay-1000{animation-delay:1s}.animate-duration-100{animation-duration:.1s}.animate-duration-200{animation-duration:.2s}.animate-duration-300{animation-duration:.3s}.animate-duration-400{animation-duration:.4s}.animate-duration-500{animation-duration:.5s}.animate-duration-600{animation-duration:.6s}.animate-duration-700{animation-duration:.7s}.animate-duration-800{animation-duration:.8s}.animate-duration-900{animation-duration:.9s}.animate-duration-1000{animation-duration:1s}.animate-ease-linear{animation-timing-function:linear}.animate-ease-in{animation-timing-function:ease-in}.animate-ease-out{animation-timing-function:ease-out}.animate-ease-in-out{animation-timing-function:ease-in-out}.animate-ease-bounce{animation-timing-function:cubic-bezier(.68,-.55,.265,1.55)}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 .25rem .5rem #0000001a}.hover-scale{transition:transform .2s ease}.hover-scale:hover{transform:scale(1.05)}.hover-rotate{transition:transform .2s ease}.hover-rotate:hover{transform:rotate(5deg)}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{transition:opacity .3s ease,transform .3s ease}.page-enter-active,.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease}.loading{opacity:.6;pointer-events:none}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #f3f3f3;border-top-color:#007bff;border-radius:50%;animation:spin 1s linear infinite}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width:768px){.animate-fade-in-down,.animate-fade-in-left,.animate-fade-in-right,.animate-fade-in-up{animation-duration:.4s}}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-grid{display:grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.grid-template-columns-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-template-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-template-columns-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid-template-columns-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.grid-template-columns-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}.grid-template-columns-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}.grid-template-columns-12{grid-template-columns:repeat(12,minmax(0,1fr))!important}.grid-gap-0{gap:0!important}.grid-gap-1{gap:.25rem!important}.grid-gap-2{gap:.5rem!important}.grid-gap-3{gap:1rem!important}.grid-gap-4{gap:1.5rem!important}.grid-gap-5{gap:3rem!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ml-0{margin-left:0!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.ml-3{margin-left:1rem!important}.ml-4{margin-left:1.5rem!important}.ml-5{margin-left:3rem!important}.ml-auto{margin-left:auto!important}.mr-0{margin-right:0!important}.mr-1{margin-right:.25rem!important}.mr-2{margin-right:.5rem!important}.mr-3{margin-right:1rem!important}.mr-4{margin-right:1.5rem!important}.mr-5{margin-right:3rem!important}.mr-auto{margin-right:auto!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-3{margin-left:1rem!important;margin-right:1rem!important}.mx-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.mx-5{margin-left:3rem!important;margin-right:3rem!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.pl-0{padding-left:0!important}.pl-1{padding-left:.25rem!important}.pl-2{padding-left:.5rem!important}.pl-3{padding-left:1rem!important}.pl-4{padding-left:1.5rem!important}.pl-5{padding-left:3rem!important}.pr-0{padding-right:0!important}.pr-1{padding-right:.25rem!important}.pr-2{padding-right:.5rem!important}.pr-3{padding-right:1rem!important}.pr-4{padding-right:1.5rem!important}.pr-5{padding-right:3rem!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:1rem!important;padding-right:1rem!important}.px-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-5{padding-left:3rem!important;padding-right:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-justify{text-align:justify!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.font-weight-light{font-weight:300!important}.font-weight-normal{font-weight:400!important}.font-weight-medium{font-weight:500!important}.font-weight-semibold{font-weight:600!important}.font-weight-bold{font-weight:700!important}.font-weight-bolder{font-weight:800!important}.font-style-normal{font-style:normal!important}.font-style-italic{font-style:italic!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.text-truncate{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-tertiary{color:var(--text-tertiary)!important}.text-white{color:var(--text-on-dark)!important}.text-muted{color:var(--gray-500)!important}.text-brand{color:var(--brand-primary)!important}.text-accent{color:var(--aqua-blue-dark)!important}.text-coral{color:var(--brand-coral)!important}.text-orange{color:var(--aqua-blue)!important}.text-success{color:var(--success)!important}.text-warning{color:var(--warning)!important}.text-error{color:var(--error)!important}.text-info{color:var(--info)!important}.bg-primary{background-color:var(--bg-primary)!important}.bg-secondary{background-color:var(--bg-secondary)!important}.bg-tertiary{background-color:var(--bg-tertiary)!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:initial!important}.bg-brand{background-color:var(--brand-primary)!important}.bg-accent{background-color:var(--brand-accent)!important}.bg-coral{background-color:var(--brand-coral)!important}.bg-orange{background-color:var(--brand-secondary)!important}.bg-success{background-color:var(--success)!important}.bg-warning{background-color:var(--warning)!important}.bg-error{background-color:var(--error)!important}.bg-info{background-color:var(--info)!important}.bg-gray-50{background-color:var(--gray-50)!important}.bg-gray-100{background-color:var(--gray-100)!important}.bg-gray-200{background-color:var(--gray-200)!important}.border{border:var(--border-width) solid var(--border-color)!important}.border-0{border:0!important}.border-top{border-top:var(--border-width) solid var(--border-color)!important}.border-right{border-right:var(--border-width) solid var(--border-color)!important}.border-bottom{border-bottom:var(--border-width) solid var(--border-color)!important}.border-left{border-left:var(--border-width) solid var(--border-color)!important}.border-brand{border-color:var(--brand-primary)!important}.border-accent{border-color:var(--brand-accent)!important}.border-success{border-color:var(--success)!important}.border-error{border-color:var(--error)!important}.border-warning{border-color:var(--warning)!important}.border-gray{border-color:var(--border-color)!important}.rounded{border-radius:var(--radius-md)!important}.rounded-0{border-radius:0!important}.rounded-sm{border-radius:var(--radius-sm)!important}.rounded-md{border-radius:var(--radius-md)!important}.rounded-lg{border-radius:var(--radius-lg)!important}.rounded-xl{border-radius:var(--radius-xl)!important}.rounded-2xl{border-radius:var(--radius-2xl)!important}.rounded-full{border-radius:var(--radius-full)!important}.rounded-2{border-radius:.5rem!important}.rounded-3{border-radius:1rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.min-vw-100{min-width:100vw!important}.min-vh-100{min-height:100vh!important}.vw-100{width:100vw!important}.vh-100{height:100vh!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.overflow-x-auto{overflow-x:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-x-visible{overflow-x:visible!important}.overflow-x-scroll{overflow-x:scroll!important}.overflow-y-auto{overflow-y:auto!important}.overflow-y-hidden{overflow-y:hidden!important}.overflow-y-visible{overflow-y:visible!important}.overflow-y-scroll{overflow-y:scroll!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.z-0{z-index:0!important}.z-1{z-index:1!important}.z-2{z-index:2!important}.z-3{z-index:3!important}.z-999{z-index:999!important}.z-9999{z-index:9999!important}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem #00000026!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.cursor-pointer{cursor:pointer!important}.cursor-default{cursor:default!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-help{cursor:help!important}.cursor-move{cursor:move!important}.cursor-text{cursor:text!important}.user-select-none{-webkit-user-select:none!important;user-select:none!important}.user-select-auto{-webkit-user-select:auto!important;user-select:auto!important}.user-select-all{-webkit-user-select:all!important;user-select:all!important}@media (max-width:576px){.d-sm-none{display:none!important}.d-sm-block{display:block!important}.d-sm-flex{display:flex!important}}@media (max-width:768px){.d-md-none{display:none!important}.d-md-block{display:block!important}.d-md-flex{display:flex!important}}@media (max-width:992px){.d-lg-none{display:none!important}.d-lg-block{display:block!important}.d-lg-flex{display:flex!important}}@media (max-width:1200px){.d-xl-none{display:none!important}.d-xl-block{display:block!important}.d-xl-flex{display:flex!important}}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@400;500;600;700;800&display=swap");html{-webkit-appearance:none}#nprogress,#root:before,.loading-bar,.nprogress,.nprogress-bar,.nprogress-peg,.page-loading-indicator,.progress-bar-top,[class*=nprogress],body:before,html:before{display:none!important}.app{min-height:100vh;display:flex;flex-direction:column;animation:fadeInSlideUp .6s ease-out}.main{flex:1 1;padding:0}.page-transition{opacity:0;transform:translateY(10px);transition:all .3s ease;min-height:100vh}.page-transition.page-visible{opacity:1;transform:translateY(0)}.page-transition.page-visible *{animation:fadeInUp .5s ease-out forwards}@media (max-width:768px){.main{padding:0}}@media (max-width:480px){.main{padding:0}}@keyframes fdFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.fd-page{min-height:100vh;background:#fbf8f4;position:relative;overflow-x:hidden}.fd-ambient{position:fixed;inset:0;pointer-events:none;z-index:0}.fd-ambient__orb{position:absolute;border-radius:50%}.fd-ambient__orb--copper{top:-20%;right:-10%;width:60%;height:60%;background:radial-gradient(circle,#c2703a0f 0,#0000 70%)}.fd-ambient__orb--teal{bottom:-15%;left:-5%;width:50%;height:50%;background:radial-gradient(circle,#7ec8c80a 0,#0000 70%)}.fd-ambient__orb--gold{top:40%;left:30%;width:40%;height:40%;background:radial-gradient(circle,#d4a8530a 0,#0000 70%)}.fd-main{max-width:720px;margin:0 auto;padding:28px 24px 80px;position:relative;z-index:1}.fd-animated{opacity:0;transform:translateY(18px);animation:fdFadeUp .7s cubic-bezier(.16,1,.3,1) forwards}.fd-animated--d1{animation-delay:.05s}.fd-animated--d2{animation-delay:.15s}.fd-animated--d3{animation-delay:.25s}.fd-animated--d4{animation-delay:.3s}.fd-animated--d5{animation-delay:.38s}.fd-animated--d6{animation-delay:.46s}.fd-animated--d7{animation-delay:.54s}.fd-animated--d8{animation-delay:.62s}.fd-animated--d9{animation-delay:.7s}.fd-animated--d10{animation-delay:.75s}.fd-animated--d11{animation-delay:.85s}.fd-animated--d12{animation-delay:.9s}.fd-animated--d13{animation-delay:.95s}.fd-greeting{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;padding:24px 28px;background:#fff;border-radius:16px;border:1px solid #c2703a0f;box-shadow:0 1px 8px #c2703a0f}.fd-greeting__title{font-family:"Source Serif 4",Georgia,serif;font-size:26px;font-weight:400;color:#3d2b1f;margin:0;line-height:1.3;letter-spacing:-.01em}.fd-greeting__subtitle{font-family:DM Sans,sans-serif;font-size:13.5px;color:#8b7b6b;margin:5px 0 0}.fd-usage{display:flex;align-items:center;gap:12px;flex-shrink:0}.fd-usage__label{font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;color:#3d2b1f}.fd-usage__sublabel{font-family:DM Sans,sans-serif;font-size:11.5px;color:#8b7b6b}.fd-featured{margin-bottom:28px}.fd-player{border-radius:16px;padding:20px 24px;border:1px solid #c2703a14;box-shadow:0 2px 12px #c2703a14;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);background:#fff}.fd-player:hover{transform:translateY(-2px);box-shadow:0 6px 24px #c2703a24;border-color:#c2703a2e}.fd-player--featured{background:linear-gradient(135deg,#3d2b1f,#6b4226);border:none;box-shadow:0 8px 32px #3d2b1f2e;padding:28px 28px 24px}.fd-player--featured:hover{transform:none;box-shadow:0 8px 32px #3d2b1f2e}.fd-player__badge{font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#ffffff80;margin-bottom:14px}.fd-player__row{display:flex;align-items:center;gap:16px}.fd-player__play-btn{width:44px;height:44px;min-width:44px;border-radius:50%;border:none;background:#c2703a14;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.fd-player__play-btn:hover{background:#c2703a26}.fd-player--featured .fd-player__play-btn{width:56px;height:56px;min-width:56px;background:#ffffff26}.fd-player--featured .fd-player__play-btn:hover{background:#ffffff40}.fd-player__info{flex:1 1;min-width:0}.fd-player__title{font-family:"Source Serif 4",Georgia,serif;font-size:16px;font-weight:400;color:#3d2b1f;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fd-player--featured .fd-player__title{font-size:20px;color:#fff}.fd-player__meta{font-family:DM Sans,sans-serif;font-size:13px;color:#8b7b6b;display:flex;gap:8px;align-items:center}.fd-player--featured .fd-player__meta{color:#ffffff8c}.fd-player__meta-sep{opacity:.4}.fd-player__progress{margin-top:14px;height:4px;background:#c2703a14;border-radius:2px;overflow:hidden}.fd-player--featured .fd-player__progress{margin-top:20px;background:#ffffff1f}.fd-player__progress-bar{height:100%;background:#c2703a;border-radius:2px;transition:width .1s linear}.fd-player--featured .fd-player__progress-bar{background:#ffffffb3}.fd-player__waveform{display:flex;align-items:center;gap:3px;margin-top:14px}.fd-player__wave-bar{width:2.5px;background:#ffffff1f;border-radius:2px;transition:height .3s,background .3s}.fd-player__wave-bar--active{background:#ffffff59}.fd-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.fd-section-title{font-family:"Source Serif 4",Georgia,serif;font-size:20px;font-weight:400;color:#3d2b1f;margin:0}.fd-section-count{font-family:DM Sans,sans-serif;font-size:12.5px;color:#8b7b6b}.fd-stories{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}.fd-story-card{display:flex;align-items:center;gap:16px;background:#fff;border-radius:14px;padding:16px 20px;border:1px solid #c2703a14;box-shadow:0 2px 12px #c2703a14;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.fd-story-card:hover{transform:translateY(-2px);box-shadow:0 6px 24px #c2703a24;border-color:#c2703a2e}.fd-story-card__accent{position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#c2703a,#6b4226);border-radius:14px 0 0 14px}.fd-story-card__info{flex:1 1;min-width:0}.fd-story-card__title{font-family:"Source Serif 4",Georgia,serif;font-size:15px;font-weight:400;color:#3d2b1f;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fd-story-card__meta{font-family:DM Sans,sans-serif;font-size:12.5px;color:#8b7b6b;display:flex;gap:6px;align-items:center}.fd-story-card__meta-sep{opacity:.35}.fd-story-card__badge{font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;padding:4px 10px;border-radius:20px;white-space:nowrap}.fd-story-card__badge--new{background:#7ec8c826;color:#7ec8c8}.fd-story-card__badge--processing{background:#c2703a14;color:#c2703a}.fd-avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:"Source Serif 4",Georgia,serif;font-weight:400;color:#fff;letter-spacing:.02em;flex-shrink:0}.fd-storytellers-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-bottom:28px}.fd-storyteller-card{background:#fff;border-radius:14px;padding:20px;border:1px solid #c2703a14;box-shadow:0 2px 12px #c2703a14;transition:all .3s cubic-bezier(.16,1,.3,1);cursor:pointer}.fd-storyteller-card:hover{transform:translateY(-2px);box-shadow:0 6px 24px #c2703a24}.fd-storyteller-card__header{display:flex;align-items:center;gap:14px;margin-bottom:16px}.fd-storyteller-card__name{font-family:"Source Serif 4",Georgia,serif;font-size:17px;font-weight:400;color:#3d2b1f}.fd-storyteller-card__relation{font-family:DM Sans,sans-serif;font-size:12px;color:#8b7b6b}.fd-storyteller-card__stats{display:flex;justify-content:space-between;font-family:DM Sans,sans-serif;font-size:12.5px}.fd-storyteller-card__stat-label{color:#8b7b6b;margin-bottom:2px}.fd-storyteller-card__stat-value{color:#3d2b1f;font-weight:500}.fd-add-storyteller{background:#fff;border-radius:14px;padding:22px;border:1.5px dashed #c2703a2e;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);min-height:140px}.fd-add-storyteller:hover{border-color:#c2703a59;background:#c2703a08}.fd-add-storyteller__icon{width:44px;height:44px;border-radius:50%;background:#c2703a14;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.fd-add-storyteller__label{font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:500;color:#c2703a}.fd-add-storyteller__sublabel{font-family:DM Sans,sans-serif;font-size:12px;color:#8b7b6b;margin-top:3px}.fd-call-card{background:linear-gradient(135deg,#3d2b1f,#6b4226);border-radius:16px;padding:24px 26px;margin-bottom:28px;position:relative;overflow:hidden}.fd-call-card__waveform{position:absolute;right:24px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:3px;opacity:.12}.fd-call-card__wave-bar{width:3px;background:#fff;border-radius:2px}.fd-call-card__label{font-family:DM Sans,sans-serif;font-size:12px;color:#ffffff73;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}.fd-call-card__number{font-family:"Source Serif 4",Georgia,serif;font-size:28px;font-weight:400;color:#fff;margin-bottom:8px;letter-spacing:.02em;text-decoration:none;display:block}.fd-call-card__number:hover{color:#fff;opacity:.9}.fd-call-card__desc{font-family:DM Sans,sans-serif;font-size:13.5px;color:#fff9;line-height:1.5;margin:0}.fd-nudge{background:#fff;border-radius:16px;padding:32px 28px;border:1px solid #c2703a14;box-shadow:0 2px 12px #c2703a14;position:relative;overflow:hidden}.fd-nudge__quote-mark{position:absolute;top:-10px;left:18px;font-size:120px;color:#c2703a0f;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none}.fd-nudge__quote-mark,.fd-nudge__text{font-family:"Source Serif 4",Georgia,serif;font-weight:300}.fd-nudge__text{font-size:18px;font-style:italic;color:#6b5b50;line-height:1.65;margin:0;position:relative;z-index:1}.fd-empty{text-align:center;padding:48px 24px;background:#c2703a08;border-radius:14px;border:1.5px dashed #c2703a26}.fd-empty__icon{width:56px;height:56px;border-radius:50%;background:#c2703a14;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.fd-empty__title{font-family:"Source Serif 4",Georgia,serif;font-size:18px;font-weight:400;color:#3d2b1f;margin:0 0 6px}.fd-empty__desc{font-size:13.5px;color:#8b7b6b;margin:0}.fd-empty__desc,.fd-message{font-family:DM Sans,sans-serif}.fd-message{background:#c2703a14;border:1px solid #c2703a26;border-radius:12px;padding:12px 20px;margin-bottom:24px;font-size:14px;color:#3d2b1f}.fd-loading{display:flex;align-items:center;justify-content:center;min-height:60vh}.fd-loading__spinner{width:40px;height:40px;border:3px solid #c2703a26;border-top-color:#c2703a;border-radius:50%;animation:fdSpin .8s linear infinite}@keyframes fdSpin{to{transform:rotate(1turn)}}.fd-weekly-stats{margin-bottom:28px}@media (max-width:768px){.fd-main{padding:20px 16px 60px}.fd-greeting{flex-direction:column;align-items:flex-start;gap:14px;padding:20px}.fd-greeting__title{font-size:22px}.fd-storytellers-grid{grid-template-columns:1fr}.fd-call-card__number{font-size:22px}.fd-player--featured{padding:22px}.fd-player--featured .fd-player__play-btn{width:48px;height:48px;min-width:48px}.fd-player--featured .fd-player__title{font-size:17px}}@media (max-width:480px){.fd-greeting{padding:16px}.fd-greeting__title{font-size:20px}.fd-section-title{font-size:17px}.fd-story-card{padding:12px 14px;gap:12px}.fd-storyteller-card{padding:16px}.fd-call-card{padding:20px}.fd-call-card__number{font-size:20px}.fd-nudge{padding:24px 20px}}.trial-auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f7e8c8,#faf2e0 50%,#d8f0f0);padding:20px}.trial-auth-container{text-align:center;max-width:400px;width:100%}.trial-auth-title{font-size:28px;font-weight:700;color:#2a2a2a;margin:24px 0 12px}.trial-auth-message{font-size:16px;color:#6c757d;margin:0}.error-icon,.success-icon{width:80px;height:80px;margin:0 auto 16px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:scaleIn .5s ease-out}.success-icon{background:linear-gradient(135deg,#b8e6e6,#8fcbcb);color:#2a2a2a}.error-icon{background:linear-gradient(135deg,#ffd7d7,#ffb3b3);color:#d32f2f}.error-icon svg,.success-icon svg{width:48px;height:48px}.storyteller-recording-page{background:var(--background-blend);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:var(--text-primary);position:relative}.storyteller-recording-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' 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%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;z-index:1}.recording-header{background:#fffffffa;border-bottom:1px solid var(--border-light);padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:10;transition:all .3s ease;box-shadow:0 4px 20px var(--shadow-color);width:100%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.header-content{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:.75rem 1rem;min-height:64px;max-width:1200px;margin:0 auto}.header-left{align-items:center;flex-shrink:0}.header-center{display:flex;justify-content:center}.header-logo{height:32px;width:auto}.back-to-dashboard{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:10px;background:var(--white);border:1px solid var(--border-light);box-shadow:0 2px 6px var(--shadow-color);color:var(--text-primary)}.back-to-dashboard:hover{background:var(--white-soft)}.back-icon,.back-text{font-size:.9rem}.back-text{font-weight:600}.user-profile-section{position:relative;display:flex;align-items:center;flex-shrink:0}.header-right{justify-self:end}.user-profile-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:12px;background:var(--white);border:1px solid var(--border-light);transition:all .2s ease;cursor:pointer;box-shadow:0 2px 6px var(--shadow-color)}.user-profile-btn:hover{background:var(--white-soft);border-color:var(--border-color);box-shadow:0 4px 14px var(--shadow-color-dark);transform:translateY(-1px)}.user-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--beach-sand-dark) 0,var(--beach-sand) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#0000;font-weight:600;font-size:.875rem;transition:all .3s ease;border:2px solid var(--border-color);box-shadow:0 2px 8px var(--shadow-color)}.user-name-text{font-weight:500;color:var(--text-primary);font-size:.875rem}.dropdown-arrow{font-size:.75rem;color:var(--text-light);transition:all .2s ease}.user-profile-btn:hover .dropdown-arrow{transform:rotate(180deg)}.user-dropdown-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--white);border:1px solid var(--border-light);border-radius:12px;box-shadow:0 12px 30px var(--shadow-color-dark);min-width:220px;z-index:1000;overflow:hidden}.user-info{padding:.875rem 1rem;border-bottom:1px solid var(--border-light);background:var(--background-tertiary)}.user-name{font-weight:600;color:var(--text-primary);font-size:.875rem;margin-bottom:.25rem}.user-type{font-size:.75rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px}.dropdown-divider{height:1px;background:var(--border-light)}.user-dropdown-menu .logout-btn{width:100%;background:none;color:var(--text-primary);border:none;padding:.875rem 1rem;font-weight:600;font-size:.9rem;cursor:pointer;transition:background .2s ease;text-align:left}.user-dropdown-menu .logout-btn:hover{background:var(--background-tertiary)}.welcome-banner{width:100%;text-align:center;margin-bottom:1rem;color:var(--text-primary);font-weight:700;font-size:1.1rem}.recording-content{max-width:900px;margin:0 auto;padding:4rem 2rem;position:relative;z-index:2;min-height:calc(100vh - 70px)}.recording-container{background:#fffffff2;border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:4rem 3rem;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff3;margin-bottom:2rem}.title-input-section{margin-bottom:2rem}.title-input-section h3{font-size:1.5rem;font-weight:600}.story-title-input,.title-input-section h3{color:var(--text-primary);margin-bottom:1.5rem}.story-title-input{width:100%;max-width:500px;padding:1rem 1.25rem;font-size:1.1rem;border:2px solid #0000001a;border-radius:12px;transition:all .3s ease;background:#fffc}.story-title-input:focus{outline:none;border-color:var(--warning);box-shadow:0 0 0 3px #f39c121a;background:#fff}.title-actions{display:flex;gap:1rem;justify-content:center}.cancel-btn{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px #95a5a633}.cancel-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #95a5a64d}.start-btn{background:linear-gradient(135deg,var(--warning),#e67e22);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #f39c1233}.start-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #f39c124d}.start-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.recording-interface{margin-bottom:2.5rem;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1)}.recording-status{margin-bottom:2rem;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) .1s both}.recording-ready{text-align:center;padding:2rem}.ready-content,.recording-ready{display:flex;flex-direction:column;align-items:center}.ready-content{gap:2rem}.microphone-icon{color:var(--brand-secondary);margin-bottom:0;animation:microphoneFloat 3s ease-in-out infinite}.ready-text h3{margin:0 0 1rem;font-size:1.8rem;color:#2d3748;font-weight:600}.ready-text p{margin:0;color:#718096;font-size:1.1rem;line-height:1.6;max-width:400px}@keyframes microphoneFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.recording-active,.recording-status{display:flex;flex-direction:column;align-items:center;padding:2rem}.recording-status{gap:1.5rem;background:#ffffffe6;border-radius:20px;border:2px solid #f4a26133;box-shadow:0 8px 32px #f4a2611a}.recording-pulse{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.pulse-ring{position:absolute;width:80px;height:80px;border:3px solid var(--brand-secondary);border-radius:50%;animation:pulseRing 2s ease-out infinite}.pulse-ring:nth-child(2){animation-delay:.5s}.pulse-ring:nth-child(3){animation-delay:1s}@keyframes pulseRing{0%{transform:scale(.8);opacity:1}to{transform:scale(1.4);opacity:0}}.recording-info{text-align:center}.recording-info h3{margin:0 0 .5rem;font-size:1.5rem;color:#2d3748;font-weight:600}.recording-time{color:var(--brand-secondary);margin:0 0 1rem;font-family:Courier New,monospace}.ai-status{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#f4a2611a;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;color:#4a5568;font-weight:500}.recording-time{font-size:2rem;font-weight:700;color:var(--error);font-family:Monaco,Menlo,monospace}.recording-controls{margin-bottom:1.5rem;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) .2s both}.start-recording-btn{background:linear-gradient(135deg,var(--brand-secondary),var(--brand-coral));color:#fff;border:none;padding:1.5rem 3rem;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.75rem;margin:1.5rem auto 0;transition:all .3s ease;box-shadow:0 4px 16px #f4a2614d}.start-recording-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f4a26166;background:linear-gradient(135deg,var(--brand-coral),#d62828)}.stop-recording-btn{background:linear-gradient(135deg,var(--error),#c0392b);color:#fff;border:none;padding:1.5rem 3rem;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.75rem;margin:1.5rem auto 0;transition:all .3s ease;box-shadow:0 4px 16px #e74c3c4d}.stop-recording-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e74c3c66}.current-story-title{margin-top:1.5rem;padding:1rem;background:#f39c121a;border-radius:8px;border-left:4px solid var(--warning)}.current-story-title h4{margin:0;color:var(--text-primary);font-size:1rem;font-weight:600}.recording-instructions{text-align:left;background:#fff9;padding:1.5rem;border-radius:12px;border-left:4px solid #3498db;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) .3s both}.recording-instructions h4{margin:0 0 1rem;color:var(--text-primary);font-size:1.1rem;font-weight:600}.recording-instructions ul{margin:0;padding-left:1.25rem;color:var(--text-secondary)}.recording-instructions li{margin-bottom:.5rem;line-height:1.6}.header-left{display:flex;flex-direction:column;gap:.25rem}.header-subtitle{margin:0;color:var(--text-secondary);font-size:.9rem;font-weight:400}.tab-navigation{justify-content:space-between;margin-bottom:3rem;border-bottom:1px solid #0000001a;padding-bottom:1.5rem}.tab-btn{background:none;padding:1rem 2rem;font-size:1rem;color:var(--text-secondary);border-bottom:3px solid #0000;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:12px 12px 0 0;flex:1 1;text-align:center;position:relative;overflow:hidden}.tab-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#f4a2610d,#e76f510d);opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1);z-index:-1}.tab-btn:hover{color:var(--text-primary);transform:translateY(-2px)}.tab-btn:hover:before{opacity:1}.tab-btn.active{color:var(--brand-secondary);border-bottom-color:var(--brand-secondary);background:linear-gradient(135deg,#f4a2611a,#e76f511a);transform:translateY(-1px);box-shadow:0 4px 12px #f4a26133}.tab-btn.active:before{opacity:1;background:linear-gradient(135deg,#f4a26126,#e76f5126)}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem}.spinner{width:40px;height:40px;border:4px solid #f39c1233;border-left:4px solid var(--warning)}.recordings-history{margin-top:2rem;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1)}.recordings-history h3{margin:0 0 2rem;color:var(--text-primary);font-size:1.5rem;font-weight:600}.no-recordings{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:4rem 3rem;text-align:center}.no-recordings-icon{color:var(--text-secondary);opacity:.5;font-size:4rem}.no-recordings h4{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:600}.no-recordings p{margin:0;color:var(--text-secondary);font-size:1rem}.recordings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));grid-gap:2rem;gap:2rem;margin-top:2rem}.recording-card{background:#fffffff2;border-radius:20px;padding:1.5rem;border:1px solid #0000000f;transition:all .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 2px 16px #0000000a}.recording-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #00000014;background:#fffffffa;border-color:#0000001a}.recording-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.recording-title{color:var(--text-primary);font-size:1.2rem;font-weight:700;line-height:1.3;margin:0 0 .5rem}.recording-date{color:var(--text-secondary);font-size:.85rem;white-space:nowrap;flex-shrink:0}.recording-question{margin-bottom:1rem;padding:.75rem;background:#f39c121a;border-radius:8px;border-left:3px solid var(--warning)}.recording-question strong{color:var(--text-primary);font-size:.9rem;display:block;margin-bottom:.5rem}.recording-question p{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.4}.recording-details{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.recording-duration,.recording-notify,.recording-size{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.85rem}.recording-duration svg,.recording-size svg{color:var(--warning)}.recording-notify{background:#3498db1a;padding:.25rem .5rem;border-radius:6px;border-left:3px solid #3498db;font-weight:500;color:#2980b9}.recording-transcription{margin-bottom:1rem}.recording-transcription strong{color:var(--text-primary);font-size:.9rem;display:block;margin-bottom:.5rem}.transcription-text{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.5;background:#0000000d;padding:.75rem;border-radius:6px}.recording-actions{display:flex;gap:.75rem;margin-top:1rem}.play-btn{gap:.5rem;padding:.75rem 1.25rem;border-radius:12px;font-size:.9rem;font-weight:600;position:relative;overflow:hidden;box-shadow:0 4px 15px #f4a2614d}.play-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f4a26166;background:linear-gradient(135deg,#e8954a,#d65a3f)}.play-btn:active{transform:translateY(0);box-shadow:0 2px 10px #f4a2614d}.play-btn svg{width:18px;height:18px;transition:transform .3s ease}.play-btn:hover svg{transform:scale(1.1)}.play-btn:active svg{transform:scale(.95)}.play-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#0000,#fff3,#0000);transition:left .5s}.notify-interface{background:#fffffff2;border-radius:20px;padding:2rem;border:1px solid #0000000f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 2px 16px #0000000a;margin-top:1rem;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1)}.notify-header{text-align:center;margin-bottom:2rem;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) .1s both}.notify-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.notify-header p{color:var(--text-secondary);font-size:1rem;margin:0;line-height:1.5}.notify-form{max-width:500px;margin:0 auto;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) .2s both}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-primary);font-size:.9rem;margin-bottom:.5rem}.form-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-light);border-radius:12px;font-size:1rem;color:var(--text-primary);background:#fffc;transition:all .3s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--brand-secondary);box-shadow:0 0 0 3px #f4a2611a;background:#fffffff2}.form-input[type=tel]{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;letter-spacing:.5px;font-weight:500}.form-input[type=tel]:focus{border-color:var(--brand-secondary);box-shadow:0 0 0 3px #f4a26126}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.notification-success-modal{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:400px;width:90%;margin:20px;overflow:hidden;animation:modalSlideIn .3s ease-out}.modal-content{padding:2rem;text-align:center}.modal-icon{margin-bottom:1.5rem;animation:iconBounce .6s ease-out}@keyframes iconBounce{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.modal-title{font-size:1.5rem;color:var(--text-primary);margin-bottom:1rem}.modal-message{font-size:1rem;color:var(--text-secondary);line-height:1.5;margin-bottom:2rem}.modal-button{background:linear-gradient(135deg,var(--brand-secondary) 0,var(--brand-coral) 100%);color:#fff;border:none;padding:.875rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #f4a2614d;min-width:120px}.modal-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f4a26166;background:linear-gradient(135deg,#e8954a,#d65a3f)}.modal-button:active{transform:translateY(0);box-shadow:0 2px 10px #f4a2614d}.form-actions{text-align:center;margin-top:2rem}.send-btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--brand-secondary) 0,var(--brand-coral) 100%);color:#fff;box-shadow:0 4px 15px #f4a2614d}.send-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f4a26166;background:linear-gradient(135deg,#e8954a,#d65a3f)}.send-btn:active{transform:translateY(0);box-shadow:0 2px 10px #f4a2614d}.send-btn svg{width:20px;height:20px;transition:transform .3s ease}.send-btn:hover svg{transform:scale(1.1)}.send-btn:active svg{transform:scale(.95)}.send-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#0000,#fff3,#0000);transition:left .5s}.send-btn:hover:before{left:100%}.existing-contacts{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-light);animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) .3s both}.existing-contacts h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 1rem}.contacts-list{display:flex;flex-direction:column;gap:.75rem}.contact-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff9;border-radius:12px;border:1px solid #0000000d;transition:all .3s ease}.contact-item:hover{background:#fffc;border-color:#f4a26133}.contact-info{display:flex;flex-direction:column;gap:.25rem}.contact-name{font-weight:600;color:var(--text-primary);font-size:.95rem}.contact-email,.contact-phone,.contact-preference{font-size:.85rem;color:var(--text-secondary)}.contact-preference{font-weight:500}.recording-error{background:#fee;border:1px solid #fcc;border-radius:8px;padding:1rem;margin:1rem 0;color:#c33}.recording-error p{margin:0 0 .5rem;font-weight:500}.dismiss-error{background:#c33;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.875rem;transition:background-color .2s ease}.dismiss-error:hover{background:#a22}.cancel-recording-btn{background:#95a5a6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s ease;margin-left:1rem}.cancel-recording-btn:hover{background:#7f8c8d;transform:translateY(-1px)}.cancel-recording-btn:disabled{background:#bdc3c7;cursor:not-allowed;transform:none}.countdown-container{display:flex;flex-direction:column;align-items:center;gap:2rem}.countdown-box{background:#f8f9fa;border:2px solid #e9ecef;border-radius:20px;padding:3rem 4rem;text-align:center;box-shadow:0 8px 32px #0000001a;animation:countdownPulse 1s ease-in-out infinite}.countdown-number{font-size:4rem;font-weight:700;color:var(--warning);margin-bottom:1rem;animation:countdownBounce 1s ease-in-out}.countdown-text{font-size:1.5rem;color:#6c757d;font-weight:500}.countdown-info{text-align:center;padding:1rem;color:#6c757d;font-style:italic}.cancel-countdown-btn{background:var(--error);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s ease}.cancel-countdown-btn:hover{background:#c82333;transform:translateY(-1px)}.ai-voice-status{margin-top:1.5rem;padding:1rem;background:linear-gradient(135deg,#e8f5e8,#f0f8f0);border:1px solid #c3e6c3;border-radius:12px;text-align:center}.ai-voice-indicator{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.75rem;font-weight:600;color:#2d3748;background:#f4a2611a;padding:8px 16px;border-radius:20px;border:1px solid #f4a26133}.ai-icon{animation:aiPulse 2s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(244,162,97,.3))}.ai-question{margin:0;font-style:italic;color:#4a5568;background:#fffc;padding:8px 12px;border-radius:8px;border-left:3px solid var(--brand-secondary);font-size:.95rem}@keyframes aiPulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes countdownPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes countdownBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width:768px){.recording-content{padding:2rem 1rem}.recording-container{padding:2rem 1.5rem}.header-content{padding:0 1rem;flex-direction:column;align-items:flex-start;gap:1rem}.header-content h1{font-size:1.5rem}.header-left{width:100%}.tab-navigation{flex-direction:column;gap:0}.tab-btn{text-align:left;border-bottom:1px solid #0000001a;border-radius:8px;margin-bottom:.5rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.tab-btn:hover{transform:translateX(4px)}.tab-btn.active{border-bottom-color:var(--brand-secondary);background:linear-gradient(135deg,#f4a2611a,#e76f511a);transform:translateX(8px);box-shadow:0 2px 8px #f4a26133}.title-actions{flex-direction:column;align-items:center}.start-recording-btn,.stop-recording-btn{padding:1rem 2rem;font-size:1rem}.recording-time{font-size:1.5rem}.recordings-grid{grid-template-columns:1fr}.recording-header{flex-direction:column;align-items:flex-start;gap:.5rem}.recording-date{white-space:normal}.recording-details{gap:.5rem}.recording-actions,.recording-details{flex-direction:column}}.success-modal-overlay{background:#00000080}.success-modal{border-radius:16px;padding:32px;max-width:450px;width:90%;text-align:center;box-shadow:0 10px 30px #0003;animation:slideUp .3s ease-out;border:2px solid var(--brand-secondary)}.success-title{color:#2d3748;margin:0 0 12px;line-height:1.3}.success-message{color:#4a5568;margin:0 0 20px;padding:0;background:#0000;border-radius:0;border:none}.success-message:after,.success-message:before{display:none!important;content:none!important}.generated-title{background:#f7fafc;border-radius:8px;padding:16px;margin:20px 0;border:1px solid #e2e8f0}.generated-title h3{font-size:14px;font-weight:600;color:#4a5568;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.title-text{font-size:16px;font-weight:500;color:#2d3748;margin:0;font-style:italic}.success-button{background:var(--brand-secondary);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.success-button:hover{background:var(--brand-coral);transform:translateY(-1px);box-shadow:0 4px 12px #f4a2614d}.success-button:active{transform:translateY(0)}.trial-page{min-height:100vh;background:linear-gradient(135deg,#f7e8c8,#faf2e0 50%,#d8f0f0);display:flex;flex-direction:column}.trial-header{padding:20px 0;background:#fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #e8dcc04d}.trial-header-container{max-width:1200px;margin:0 auto;padding:0 24px}.trial-main{flex:1 1;display:flex;align-items:center;justify-content:center;padding:60px 24px}.trial-content{max-width:600px;text-align:center}.trial-heading{font-size:48px;font-weight:700;color:#2a2a2a;margin:0 0 40px;line-height:1.2;letter-spacing:-.02em}.trial-phone-number{display:block;font-size:64px;font-weight:800;color:#2a2a2a;text-decoration:none;margin:0 0 24px;padding:24px 40px;background:#fffffff2;border-radius:16px;box-shadow:0 20px 60px #d4c4a040,0 4px 16px #c5e8e84d;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid #b8e6e666;letter-spacing:-.01em}.trial-phone-number:hover{transform:translateY(-4px);box-shadow:0 24px 70px #d4c4a059,0 8px 20px #c5e8e866;border-color:#8fcbcb99}.trial-phone-number:active{transform:translateY(-2px)}.trial-cta-text{font-size:20px;font-weight:600;color:#2a2a2a;margin:0 0 32px;line-height:1.4}.trial-expectation{font-size:18px;font-weight:400;color:#4a4a4a;line-height:1.6;max-width:500px;margin:0 auto 48px}.trial-testimonial{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;border:1px solid #e8dcc066;box-shadow:0 8px 24px #d4c4a026}.trial-testimonial-quote{font-size:18px;font-weight:500;color:#2a2a2a;line-height:1.6;margin:0 0 16px;font-style:italic}.trial-testimonial-author{font-size:14px;font-weight:600;color:#6a6a6a;margin:0}@media (max-width:768px){.trial-heading{font-size:36px;margin-bottom:32px}.trial-phone-number{font-size:48px;padding:20px 32px}.trial-cta-text{font-size:18px;margin-bottom:24px}.trial-expectation{font-size:16px;margin-bottom:40px}.trial-testimonial{padding:24px}.trial-testimonial-quote{font-size:16px}}@media (max-width:480px){.trial-main{padding:40px 20px}.trial-heading{font-size:28px;margin-bottom:24px}.trial-phone-number{font-size:36px;padding:16px 24px;margin-bottom:20px}.trial-cta-text{font-size:16px;margin-bottom:20px}.trial-expectation{font-size:15px;margin-bottom:32px}.trial-testimonial{padding:20px}.trial-testimonial-quote{font-size:15px;margin-bottom:12px}.trial-testimonial-author{font-size:13px}}.trial-expired-page{min-height:100vh;background:linear-gradient(135deg,#f7e8c8,#faf2e0 50%,#d8f0f0);display:flex;align-items:center;justify-content:center;padding:40px 20px}.trial-expired-container{max-width:800px;width:100%;text-align:center}.expired-logo{margin-bottom:40px}.expired-icon{width:100px;height:100px;background:linear-gradient(135deg,#ffd7d7,#ffb3b3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 32px;animation:pulse 2s ease-in-out infinite}.expired-icon svg{width:56px;height:56px;color:#d32f2f}.trial-expired-container h1{font-size:42px;font-weight:800;color:#2a2a2a;margin:0 0 16px}.expired-message{font-size:18px;color:#6c757d;line-height:1.6;max-width:500px;margin:0 auto 48px}.expired-actions h3{font-size:24px;font-weight:700;color:#2a2a2a;margin:0 0 24px}.action-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:24px;gap:24px;margin-bottom:48px}.action-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:32px;border:2px solid #b8e6e64d;transition:all .3s ease}.action-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a;border-color:#b8e6e680}.action-icon{width:64px;height:64px;background:linear-gradient(135deg,#b8e6e6,#8fcbcb);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.action-icon svg{width:32px;height:32px;color:#2a2a2a}.action-card h4{font-size:20px;font-weight:700;color:#2a2a2a;margin:0 0 12px}.action-card p{font-size:15px;color:#6c757d;line-height:1.6;margin:0 0 20px}.action-button{width:100%;background:linear-gradient(135deg,#b8e6e6,#8fcbcb);color:#2a2a2a;border:none;border-radius:12px;padding:14px 24px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #b8e6e666}.action-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #b8e6e680}.action-button.secondary{background:linear-gradient(135deg,#f7e8c8,#e8d4a8);box-shadow:0 4px 16px #e8d4a866}.action-button.secondary:hover{box-shadow:0 8px 24px #e8d4a880}.expired-help{padding:24px;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid #b8e6e633}.expired-help p{font-size:15px;color:#6c757d;margin:0}.help-link{background:none;border:none;color:#8fcbcb;font-size:15px;font-weight:600;cursor:pointer;text-decoration:underline;padding:0;transition:color .2s ease}.help-link:hover{color:#6bb5b5}@media (max-width:768px){.trial-expired-container h1{font-size:32px}.expired-message{font-size:16px}.action-cards{grid-template-columns:1fr}.action-card{padding:24px}}@media (max-width:480px){.trial-expired-container h1{font-size:28px}.expired-icon{width:80px;height:80px}.expired-icon svg{width:44px;height:44px}}.trial-story-page{min-height:100vh;background:linear-gradient(135deg,#f7e8c8,#faf2e0 50%,#d8f0f0)}.trial-story-header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #b8e6e633}.trial-badge{padding:6px 16px;border-radius:20px;font-size:13px}.trial-story-container{max-width:900px;margin:0 auto;padding:60px 24px}.trial-hero{text-align:center;margin-bottom:48px}.trial-hero h1{font-size:48px;font-weight:800;color:#2a2a2a;margin:0 0 16px;line-height:1.2}.trial-hero-subtitle{font-size:20px;color:#6c757d;line-height:1.6;max-width:700px;margin:0 auto}.trial-story-card{position:relative;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:40px;box-shadow:0 20px 60px #00000014,0 0 0 1px #b8e6e61a;margin-bottom:48px;border:2px solid #b8e6e64d}.trial-audio-section{margin-bottom:32px}.audio-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.audio-header h3{font-size:24px;font-weight:700;color:#2a2a2a;margin:0}.duration{font-size:14px;font-weight:600;color:#6c757d;background:#b8e6e633;padding:6px 12px;border-radius:12px}.play-button{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,#b8e6e6,#8fcbcb);color:#2a2a2a;border:none;border-radius:16px;padding:20px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #b8e6e666}.play-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #b8e6e680}.play-button:active{transform:translateY(0)}.play-button svg{width:24px;height:24px}.trial-transcript{border-top:2px solid #b8e6e633;padding-top:32px;filter:blur(3px);position:relative}.trial-transcript h4{font-size:18px;font-weight:700;color:#2a2a2a;margin:0 0 16px}.transcript-content{font-size:16px;line-height:1.8;color:#495057;white-space:pre-wrap}.trial-upgrade-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,#fffffffa 0,#fffffff2 60%,#fff0);padding:120px 40px 40px;border-radius:0 0 24px 24px;text-align:center}.upgrade-content h3{font-size:28px;font-weight:700;color:#2a2a2a;margin:0 0 12px}.upgrade-content p{font-size:16px;color:#6c757d;max-width:500px;margin:0 auto 24px}.upgrade-button{background:linear-gradient(135deg,#b8e6e6,#8fcbcb);color:#2a2a2a;border:none;border-radius:16px;padding:18px 48px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #b8e6e666}.upgrade-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #b8e6e680}.trial-conversion-message{text-align:center;padding:60px 40px;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;border:2px solid #b8e6e633}.conversion-visual{margin-bottom:32px}.empty-library{gap:16px;margin-bottom:32px}.empty-library,.library-slot{display:flex;justify-content:center}.library-slot{width:80px;height:100px;border-radius:12px;flex-direction:column;align-items:center;gap:8px}.library-slot.filled{background:linear-gradient(135deg,#b8e6e6,#8fcbcb);box-shadow:0 4px 16px #b8e6e666}.library-slot.filled svg{width:32px;height:32px;color:#2a2a2a}.library-slot.filled span{font-size:12px;font-weight:600;color:#2a2a2a}.library-slot.empty{background:#b8e6e61a;border:2px dashed #b8e6e64d}.trial-conversion-message h3{font-size:32px;font-weight:800;color:#2a2a2a;margin:0 0 16px;line-height:1.3}.trial-conversion-message p{font-size:18px;color:#6c757d;line-height:1.7;max-width:600px;margin:0 auto 32px}.start-preserving-button{background:linear-gradient(135deg,#f7e8c8,#e8d4a8);color:#2a2a2a;border:2px solid #e8dcc0;border-radius:16px;padding:18px 48px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #e8d4a866}.start-preserving-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #e8d4a880}.trial-story-error,.trial-story-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f7e8c8,#faf2e0 50%,#d8f0f0);padding:20px}.trial-story-error p,.trial-story-loading p{font-size:18px;color:#6c757d;margin-top:20px}.trial-story-error h2{font-size:32px;font-weight:700;color:#2a2a2a;margin:0 0 16px}.trial-story-error button{margin-top:24px;background:linear-gradient(135deg,#b8e6e6,#8fcbcb);color:#2a2a2a;border:none;border-radius:12px;padding:12px 32px;font-size:16px;font-weight:600;cursor:pointer}@media (max-width:768px){.trial-story-header{padding:16px 20px}.trial-hero h1{font-size:32px}.trial-hero-subtitle{font-size:16px}.trial-story-card{padding:24px}.audio-header{flex-direction:column;align-items:flex-start;gap:12px}.play-button{font-size:16px;padding:16px}.empty-library{flex-wrap:wrap;gap:12px}.library-slot{width:60px;height:80px}.trial-conversion-message h3{font-size:24px}.trial-conversion-message{padding:40px 24px}}.join-page{min-height:100vh;background:#fbf8f4;display:flex;align-items:center;justify-content:center;padding:24px;font-family:"Source Serif 4",Georgia,serif}.join-page__card{background:#fff;border-radius:24px;padding:40px 32px;max-width:440px;width:100%;border:1px solid #c2703a14;box-shadow:0 4px 24px #0000000f;text-align:center}.join-page__logo{margin-bottom:28px}.join-page__success-icon{margin-bottom:16px}.join-page__title{font-size:26px;font-weight:700;color:#3d2b1f;margin:0 0 12px;line-height:1.3}.join-page__text{font-family:DM Sans,sans-serif;font-size:15px;color:#6b5b50;line-height:1.7;margin:0 0 28px}.join-page__form{text-align:left}.join-page__label{font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;color:#6b5b50;margin-bottom:6px;display:block}.join-page__input,.join-page__select{width:100%;font-family:DM Sans,sans-serif;font-size:15px;color:#3d2b1f;background:#fbf8f4;border:1px solid #c2703a26;border-radius:12px;padding:12px 14px;margin-bottom:16px;outline:none;transition:border-color .2s ease;box-sizing:border-box;-webkit-appearance:none}.join-page__input:focus,.join-page__select:focus{border-color:#c2703a;box-shadow:0 0 0 3px #c2703a1a}.join-page__input::placeholder{color:#b8a89b}.join-page__error{font-family:DM Sans,sans-serif;font-size:14px;color:#d32f2f;background:#d32f2f0f;border-radius:8px;padding:10px 14px;margin-bottom:16px}.join-page__btn{width:100%;font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;color:#fff;background:#c2703a;border:none;border-radius:12px;padding:14px 20px;cursor:pointer;transition:all .2s ease;margin-top:4px}.join-page__btn:hover:not(:disabled){background:#a85d2f;transform:translateY(-1px);box-shadow:0 4px 12px #c2703a4d}.join-page__btn:active:not(:disabled){transform:translateY(0)}.join-page__btn:disabled{opacity:.5;cursor:not-allowed}.join-page__login-hint{font-family:DM Sans,sans-serif;font-size:14px;color:#8b7b6b;text-align:center;margin-top:16px}.join-page__link-btn{background:none;border:none;color:#c2703a;font-weight:600;cursor:pointer;font-family:inherit;font-size:inherit;padding:0}.join-page__link-btn:hover{text-decoration:underline}.join-page__loading{padding:32px 0}.join-page__loading p{font-family:DM Sans,sans-serif;font-size:15px;color:#8b7b6b;margin-top:16px}.join-page__spinner{width:36px;height:36px;border:3px solid #c2703a26;border-top-color:#c2703a;border-radius:50%;animation:joinSpin .8s linear infinite;margin:0 auto}@keyframes joinSpin{to{transform:rotate(1turn)}}@media (max-width:480px){.join-page__card{padding:32px 20px;border-radius:20px}.join-page__title{font-size:22px}}.auth-callback{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#764ba2e6,#667eeae6);padding:2rem}.auth-callback-content{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff3;border-radius:20px;padding:3rem 2rem;text-align:center;max-width:500px;width:100%;box-shadow:0 20px 40px #0003}.auth-callback-content h2{font-size:2rem;font-weight:700;margin:1.5rem 0 1rem;background:linear-gradient(135deg,#fff,#e0e8ff);-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text}.auth-callback-content p{color:#fffc;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.success-icon{color:var(--success)}.error-icon,.success-icon{font-size:4rem;margin-bottom:1rem;animation:scaleIn .5s ease-out}.error-icon{color:var(--error)}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2rem;font-size:1rem}.btn-primary{background:linear-gradient(135deg,var(--error),var(--brand-primary));box-shadow:0 8px 25px #ff6b6b4d}.btn-primary:hover{box-shadow:0 12px 35px #ff6b6b66}@media (max-width:768px){.auth-callback{padding:1rem}.auth-callback-content{padding:2rem 1.5rem}.auth-callback-content h2{font-size:1.75rem}.auth-callback-content p{font-size:1rem}}@media (max-width:480px){.auth-callback-content{padding:1.5rem 1rem}.auth-callback-content h2{font-size:1.5rem}.error-icon,.success-icon{font-size:3rem}}.cancel-flow{min-height:100vh;background:var(--color-cream-light,#fff8f0);display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.cancel-flow__container{max-width:560px;width:100%}.cancel-flow__steps{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem}.cancel-flow__step-dot{width:10px;height:10px;border-radius:50%;background:var(--color-cream,#f5ede4);border:1px solid var(--color-copper-light,#e8a97e44);transition:all .3s}.cancel-flow__step-dot--active{background:var(--color-terracotta,#c2703a);border-color:var(--color-terracotta,#c2703a)}.cancel-flow__step{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #0000000f;text-align:center}.cancel-flow__step--confirmed{padding:3rem 2rem}.cancel-flow__confirmed-icon{font-size:3rem;margin-bottom:1rem}.cancel-flow__title{font-family:var(--font-serif,"Instrument Serif",Georgia,serif);font-size:1.5rem;color:var(--color-warm-brown,#2c1e12);margin:0 0 .75rem}.cancel-flow__text{font-size:.95rem;color:var(--color-muted,#7a6b5e);line-height:1.5;margin:0 0 1.5rem}.cancel-flow__stats-card{background:var(--color-cream-light,#fff8f0);border:1px solid var(--color-copper-light,#e8a97e33);border-radius:12px;padding:1rem;margin-bottom:1.5rem}.cancel-flow__stats-title{font-size:.8rem;color:var(--color-muted,#7a6b5e);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem}.cancel-flow__stats-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;text-align:center}.cancel-flow__stats-grid div{display:flex;flex-direction:column;gap:.15rem}.cancel-flow__stats-grid strong{font-family:var(--font-serif,"Instrument Serif",Georgia,serif);font-size:1.5rem;color:var(--color-terracotta,#c2703a)}.cancel-flow__stats-grid span{font-size:.75rem;color:var(--color-muted,#7a6b5e)}.cancel-flow__reason{margin-bottom:1.5rem;text-align:left}.cancel-flow__label{display:block;font-size:.85rem;font-weight:600;color:var(--color-warm-brown,#2c1e12);margin-bottom:.5rem}.cancel-flow__reason-options{display:flex;flex-wrap:wrap;gap:.5rem}.cancel-flow__reason-btn{padding:.4rem .75rem;border:1px solid var(--color-copper-light,#e8a97e66);border-radius:100px;background:#fff;color:var(--color-muted,#7a6b5e);font-size:.8rem;cursor:pointer;transition:all .15s}.cancel-flow__reason-btn:hover{border-color:var(--color-terracotta,#c2703a);color:var(--color-warm-brown,#2c1e12)}.cancel-flow__reason-btn--selected{background:var(--color-terracotta,#c2703a);color:#fff;border-color:var(--color-terracotta,#c2703a)}.cancel-flow__pause-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.cancel-flow__pause-btn{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border:2px solid var(--color-copper-light,#e8a97e44);border-radius:12px;background:#fff;cursor:pointer;transition:all .15s;text-align:left}.cancel-flow__pause-btn--selected,.cancel-flow__pause-btn:hover{border-color:var(--color-terracotta,#c2703a)}.cancel-flow__pause-btn--selected{background:#fff8f0}.cancel-flow__pause-duration{font-weight:600;color:var(--color-warm-brown,#2c1e12);font-size:1rem}.cancel-flow__pause-date{font-size:.8rem;color:var(--color-muted,#7a6b5e)}.cancel-flow__archive-card{background:var(--color-cream-light,#fff8f0);border:2px solid var(--color-aqua,#7ec8c866);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem;text-align:left}.cancel-flow__archive-card h4{font-family:var(--font-serif,"Instrument Serif",Georgia,serif);color:var(--color-warm-brown,#2c1e12);margin:0 0 .75rem}.cancel-flow__archive-card ul{list-style:none;padding:0;margin:0}.cancel-flow__archive-card li{padding:.3rem 0 .3rem 1.25rem;position:relative;font-size:.9rem;color:var(--color-muted,#7a6b5e)}.cancel-flow__archive-card li:before{content:"\u2713";position:absolute;left:0;color:var(--color-aqua,#7ec8c8);font-weight:600}.cancel-flow__feedback{margin-bottom:1.5rem;text-align:left}.cancel-flow__textarea{width:100%;padding:.75rem;border:1px solid var(--color-copper-light,#e8a97e66);border-radius:8px;font-size:.875rem;resize:vertical;font-family:inherit;color:var(--color-warm-brown,#2c1e12)}.cancel-flow__textarea:focus{outline:none;border-color:var(--color-terracotta,#c2703a);box-shadow:0 0 0 2px #c2703a26}.cancel-flow__error{color:#e74c3c;font-size:.85rem;margin-bottom:1rem}.cancel-flow__actions{display:flex;flex-direction:column;gap:.75rem}.cancel-flow__btn{padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.cancel-flow__btn:disabled{opacity:.5;cursor:not-allowed}.cancel-flow__btn--primary{background:var(--color-terracotta,#c2703a);color:#fff}.cancel-flow__btn--primary:hover:not(:disabled){background:#a85c30}.cancel-flow__btn--secondary{background:#fff;color:var(--color-muted,#7a6b5e);border:1px solid var(--color-copper-light,#e8a97e66)}.cancel-flow__btn--secondary:hover{border-color:var(--color-warm-brown,#2c1e12);color:var(--color-warm-brown,#2c1e12)}.cancel-flow__btn--danger{background:#e74c3c;color:#fff}.cancel-flow__btn--danger:hover:not(:disabled){background:#c0392b}.cancel-flow__btn--link{background:none;color:var(--color-muted,#7a6b5e);text-decoration:underline;font-weight:400;font-size:.85rem}.cancel-flow__btn--link:hover{color:var(--color-warm-brown,#2c1e12)}@media (max-width:480px){.cancel-flow__step{padding:1.5rem}.cancel-flow__title{font-size:1.25rem}}.signup-flow-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f7e8c8,#faf2e0 50%,#d8f0f0);padding:2rem 1rem;animation:fadeIn .3s ease-out}.signup-flow-container{width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center;gap:2rem;animation:slideUp .35s cubic-bezier(.25,.46,.45,.94)}.signup-flow-logo{text-align:center}.signup-flow-content{width:100%;display:flex;flex-direction:column;gap:1.5rem}.signup-back-button{display:inline-flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:500;color:#6b7280;background:none;border:none;cursor:pointer;padding:.5rem;margin-left:-.5rem;transition:all .15s cubic-bezier(.4,0,.2,1);border-radius:6px}.signup-back-button:hover{color:#2a2a2a;background:#b8e6e61a;transform:translateX(-2px)}.signup-back-button:active{transform:translateX(-1px) scale(.97);background:#b8e6e626}.signup-back-button svg{width:20px;height:20px;transition:transform .15s ease}.signup-back-button:hover svg{transform:translateX(-1px)}.signup-progress{display:flex;flex-direction:column;gap:.5rem}.signup-progress-bar{width:100%;height:6px;background:#e8dcc066;border-radius:3px;overflow:hidden}.signup-progress-fill{height:100%;background:linear-gradient(135deg,#b8e6e6,#8fcbcb);transition:width .5s cubic-bezier(.65,0,.35,1);border-radius:3px;box-shadow:0 0 8px #8fcbcb4d}.signup-progress-text{font-size:.8125rem;color:#6b7280;text-align:center;margin:0}.signup-flow-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #e8dcc0;border-radius:16px;padding:2.5rem;box-shadow:0 4px 20px #d4c4a040}.signup-flow-header{text-align:center;margin-bottom:2rem}.signup-flow-header h1{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0 0 .5rem;line-height:1.2}.signup-flow-header p{font-size:1rem;color:#6b7280;margin:0;line-height:1.5}.signup-flow-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{gap:.5rem}.form-group label{font-size:.9375rem;color:#374151}.form-group .required{color:#dc2626}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.875rem 1rem;font-size:1rem;font-family:inherit;color:#2a2a2a;background:#faf2e04d;border:2px solid #e8dcc0;border-radius:10px;outline:none;transition:all .2s ease;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#b8e6e6;background:#fffc;box-shadow:0 0 0 3px #b8e6e633}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#dc2626}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.error-message{color:#dc2626}.error-message,.field-hint{font-size:.8125rem;margin-top:-.25rem}.field-hint{color:#6b7280}.btn-primary,.btn-secondary{width:100%;padding:1rem;font-size:1rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);box-sizing:border-box;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,#b8e6e6,#8fcbcb);color:#2a2a2a;box-shadow:0 4px 15px #c5e8e84d}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #c5e8e873;background:linear-gradient(135deg,#c5e8e8,#9fd5d5)}.btn-primary:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:0 3px 12px #c5e8e859;transition:all .1s cubic-bezier(.4,0,.2,1)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:linear-gradient(135deg,#e8d4a8,#f7e8c8);color:#2a2a2a;box-shadow:0 4px 15px #e8d4a866}.btn-secondary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #e8d4a88c;background:linear-gradient(135deg,#eddbb8,#faefd8)}.btn-secondary:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:0 3px 12px #e8d4a873;transition:all .1s cubic-bezier(.4,0,.2,1)}.btn-large{padding:1.125rem 1rem;font-size:1.0625rem}.message-banner{padding:1rem;border-radius:10px;font-size:.9375rem;line-height:1.5}.message-banner.success{background:#b8e6e633;border:2px solid #b8e6e6;color:#2a2a2a}.message-banner.error{background:#dc26261a;border:2px solid #dc2626;color:#dc2626}.message-banner.info{background:#f7e8c84d;border:2px solid #e8d4a8;color:#2a2a2a}.code-input-group{display:flex;justify-content:center;gap:.75rem}.code-input{width:60px;height:70px;font-size:2rem;font-weight:700;text-align:center;padding:0;background:#ffffffe6}.code-input:focus{background:#fff}.loading-spinner{display:inline-block;border:3px solid #2a2a2a33;border-top-color:#2a2a2a;animation:spin .8s linear infinite}.helper-text{font-size:.875rem;color:#6b7280;text-align:center;margin:0}.helper-text a{color:#2a2a2a;font-weight:600;text-decoration:none;border-bottom:1px solid #b8e6e6;transition:border-color .2s ease}.helper-text a:hover{border-color:#8fcbcb}.divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0}.divider-line{flex:1 1;height:1px;background:#e8dcc0}.divider-text{font-size:.875rem;color:#6b7280;font-weight:500}@media (max-width:768px){.signup-flow-card{padding:2rem}.code-input,.signup-flow-header h1{font-size:1.75rem}.code-input{width:50px;height:60px}}@media (max-width:480px){.signup-flow-page{padding:1.5rem 1rem}.signup-flow-container{gap:1.5rem}.signup-flow-card{padding:1.5rem}.signup-flow-header{margin-bottom:1.5rem}.signup-flow-header h1{font-size:1.5rem}.signup-flow-header p{font-size:.9375rem}.signup-flow-form{gap:1.25rem}.code-input-group{gap:.5rem}.code-input{width:45px;height:55px;font-size:1.5rem}.btn-primary,.btn-secondary{padding:.875rem}.btn-large{padding:1rem}}.payment-request-button{height:48px!important;border-radius:10px;overflow:hidden}.payment-request-button iframe{border-radius:10px!important}@media (max-width:768px){.payment-request-button{height:50px!important}}.signup-router{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f7e8c8,#faf2e0 50%,#d8f0f0);padding:2rem 1rem;animation:fadeIn .3s ease-out}.signup-router-container{width:100%;max-width:800px;display:flex;flex-direction:column;align-items:center;gap:3rem;animation:slideUp .35s cubic-bezier(.25,.46,.45,.94)}.signup-router-logo{text-align:center}.signup-router-content{width:100%;display:flex;flex-direction:column;align-items:center;gap:2.5rem}.signup-router-headline{font-size:2.5rem;font-weight:700;color:#1a1a1a;text-align:center;margin:0;line-height:1.2}.signup-router-cards{width:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem;gap:2rem}.signup-choice-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #e8dcc0;border-radius:16px;padding:3rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:center;position:relative;overflow:hidden}.signup-choice-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#b8e6e60d,#8fcbcb0d);opacity:0;transition:opacity .2s ease}.signup-choice-card:hover{transform:translateY(-3px);border-color:#b8e6e6;box-shadow:0 10px 35px #c5e8e873;background:#fff}.signup-choice-card:hover:before{opacity:1}.signup-choice-card:active{transform:translateY(-1px) scale(.99);transition:all .1s cubic-bezier(.4,0,.2,1)}.choice-card-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#b8e6e6,#8fcbcb);display:flex;align-items:center;justify-content:center;color:#2a2a2a}.choice-card-icon svg{width:40px;height:40px}.signup-choice-card h2{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin:0}.signup-choice-card p{font-size:1rem;color:#6b7280;margin:0;line-height:1.5}.signup-router-try-link{font-size:.875rem;color:#6b7280;text-align:center;margin:0;line-height:1.6}.signup-router-try-link a{color:#2a2a2a;font-weight:600;text-decoration:none;border-bottom:1px solid #b8e6e6;transition:border-color .2s ease}.signup-router-try-link a:hover{border-color:#8fcbcb}@media (max-width:768px){.signup-router-headline{font-size:2rem}.signup-router-cards{grid-template-columns:1fr;gap:1.5rem}.signup-choice-card{padding:2.5rem 2rem}.choice-card-icon{width:70px;height:70px}.choice-card-icon svg{width:35px;height:35px}.signup-choice-card h2{font-size:1.5rem}}@media (max-width:480px){.signup-router{padding:1.5rem 1rem}.signup-router-container,.signup-router-content{gap:2rem}.signup-router-headline{font-size:1.75rem}.signup-choice-card{padding:2rem 1.5rem}.choice-card-icon{width:60px;height:60px}.choice-card-icon svg{width:30px;height:30px}.signup-choice-card h2{font-size:1.25rem}.signup-choice-card p{font-size:.9375rem}.signup-router-try-link{font-size:.8125rem}}.family-stories-page{min-height:100vh;background:#fbf8f4}.family-stories-content{padding:32px 20px 48px;max-width:720px;margin:0 auto}.family-stories-container{width:100%}.stories-header{text-align:center;margin-bottom:28px;padding:0;background:none;border-radius:0;box-shadow:none;border:none}.stories-header:before{display:none}.stories-header h1{font-family:"Source Serif 4",Georgia,serif;font-size:24px;font-weight:400;color:#3d2b1f;letter-spacing:-.01em;margin:0 0 6px;-webkit-text-fill-color:#3d2b1f;background:none;-webkit-background-clip:unset;background-clip:unset}.stories-header p{font-family:DM Sans,sans-serif;font-size:14px;color:#8b7b6b;margin:0;font-weight:400;line-height:1.5}.category-filter{margin:0 0 24px;text-align:left}.filter-label{font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;color:#8b7b6b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px}.category-buttons{display:flex;flex-wrap:wrap;gap:6px;max-width:none;margin:0;max-height:160px;overflow-y:auto;padding:0;border:none;border-radius:0;background:none}.category-btn{background:#fff;border:1px solid #c2703a1f;border-radius:20px;padding:6px 14px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:#8b7b6b;cursor:pointer;transition:all .2s ease;box-shadow:none;white-space:nowrap}.category-btn:hover{background:#c2703a0a;border-color:#c2703a33;color:#3d2b1f;transform:none;box-shadow:none}.category-btn.active{background:linear-gradient(135deg,#c2703a,#d4915f);border-color:#c2703a;color:#fff;box-shadow:0 2px 8px #c2703a40}.category-btn.active:hover{transform:none;box-shadow:0 4px 12px #c2703a4d}.error-state,.loading-state{padding:48px 24px;background:#fff;border-radius:14px;border:1px solid #c2703a14;box-shadow:0 2px 12px #c2703a14}.error-state:before,.loading-state:before{display:none}.loading-spinner{border:3px solid #c2703a1a;border-left-color:#c2703a;width:36px;height:36px;margin:0 auto 16px}.loading-state p{color:#8b7b6b;font-weight:500;margin:0}.error-state p,.loading-state p{font-family:DM Sans,sans-serif;font-size:14px}.error-state p{color:#991b1b;margin:0 0 16px}.stories-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.story-card{border:1px solid #c2703a14;border-radius:14px;padding:20px;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 12px #c2703a14}.story-card:before{display:none}.story-card:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 24px #c2703a24;border-color:#c2703a26}.story-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px}.story-title{font-size:17px;line-height:1.35;letter-spacing:-.01em}.story-date{font-size:12px;font-weight:500;background:#c2703a0f;padding:4px 10px;border-radius:8px;border:none}.story-card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 12px;background:#c2703a08;border-radius:10px;border:none}.story-storyteller{font-size:13.5px;font-weight:600;display:flex;align-items:center;gap:6px}.story-storyteller:before{content:"";display:block;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#e8d5c4,#d4b89c);flex-shrink:0}.story-duration{font-size:12px;font-weight:500;background:#c2703a0f;padding:3px 8px;border-radius:6px}.story-description{font-size:13.5px;color:#6b5b50;line-height:1.55;margin:0 0 12px;background:#c2703a08;padding:12px 14px;border-radius:10px;border-left:3px solid #c2703a33}.story-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #c2703a0f}.story-type{font-family:DM Sans,sans-serif;font-size:11px;color:#8b7b6b;font-weight:500;text-transform:uppercase;letter-spacing:.06em;background:#c2703a0f;padding:4px 10px;border-radius:12px;border:none}.play-indicator{width:36px;height:36px;background:linear-gradient(135deg,#c2703a,#d4915f);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #c2703a40}.play-indicator svg{width:16px;height:16px;fill:currentColor}.story-card:hover .play-indicator{transform:scale(1.08);box-shadow:0 4px 14px #c2703a59}.no-stories{padding:48px 24px;background:#fff;border-radius:14px;border:1px solid #c2703a14;box-shadow:0 2px 12px #c2703a14}.no-stories:before{display:none}.no-stories h3{font-family:"Source Serif 4",Georgia,serif;font-size:20px;font-weight:400;color:#3d2b1f;margin:0 0 8px;letter-spacing:-.01em}.no-stories p{margin:0 0 20px;font-size:14px;line-height:1.5}.btn{border-radius:10px;font-family:DM Sans,sans-serif;transition:all .3s cubic-bezier(.16,1,.3,1);text-decoration:none;display:inline-block;text-align:center}.btn:before{display:none}.btn-primary{background:linear-gradient(135deg,#c2703a,#d4915f);box-shadow:0 4px 16px #c2703a40;border:none}.btn-primary:hover{box-shadow:0 6px 24px #c2703a59}.btn-secondary{background:#fff;color:#8b7b6b;border:1px solid #c2703a1f}.btn-secondary:hover{border-color:#c2703a40;color:#3d2b1f}@media (max-width:768px){.family-stories-content{padding:24px 16px 40px}.stories-header{margin-bottom:24px}.stories-header h1{font-size:22px}.story-card{padding:16px}.story-card-header{flex-direction:column;align-items:flex-start;gap:8px}.story-date{align-self:flex-start}.story-card-meta{flex-direction:column;align-items:flex-start;gap:8px}.play-indicator{width:32px;height:32px}.play-indicator svg{width:14px;height:14px}}@media (max-width:480px){.family-stories-content{padding:20px 14px 36px}.stories-header h1{font-size:20px}.stories-header p{font-size:13px}.category-filter{margin-bottom:20px}.filter-label{font-size:11px;margin-bottom:8px}.category-buttons{gap:5px;max-height:120px}.category-btn{padding:5px 10px;font-size:12px}.story-title{font-size:16px}.story-card{padding:14px}.btn{padding:9px 16px;font-size:13px}}.ms-header{margin-bottom:24px}.ms-header h2{font-family:"Source Serif 4",Georgia,serif;font-size:22px;font-weight:400;color:#3d2b1f;margin:0 0 4px;letter-spacing:-.01em}.ms-header p{font-family:DM Sans,sans-serif;font-size:13.5px;color:#8b7b6b;margin:0}.ms-grid{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px}.ms-card{background:#fff;border-radius:14px;padding:20px 22px;border:1px solid #c2703a14;box-shadow:0 2px 12px #c2703a14;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;gap:16px}.ms-card:hover{transform:translateY(-2px);box-shadow:0 6px 24px #c2703a24;border-color:#c2703a2e}.ms-card__avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#c2703a,#d4915f);display:flex;align-items:center;justify-content:center;font-family:"Source Serif 4",Georgia,serif;font-size:20px;font-weight:400;color:#fff;flex-shrink:0}.ms-card__info{flex:1 1;min-width:0}.ms-card__name{font-family:"Source Serif 4",Georgia,serif;font-size:17px;font-weight:400;color:#3d2b1f;margin:0 0 4px}.ms-card__details{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.ms-card__detail{display:flex;align-items:center;gap:5px;font-family:DM Sans,sans-serif;font-size:13px;color:#8b7b6b}.ms-card__detail svg{color:#c2703a;opacity:.5;flex-shrink:0}.ms-card__detail span.auto-generated{color:#b0a090;font-style:italic}.ms-card__edit-btn{display:flex;align-items:center;gap:6px;padding:9px 16px;background:#c2703a0f;border:1px solid #c2703a1f;border-radius:10px;color:#c2703a;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;flex-shrink:0}.ms-card__edit-btn:hover{background:#c2703a1f;border-color:#c2703a40}.ms-card__edit-btn svg{width:14px;height:14px}.ms-edit{max-width:520px;margin:0 auto}.ms-back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:none;border:none;border-radius:8px;color:#8b7b6b;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:20px}.ms-back-btn:hover{color:#c2703a;background:#c2703a0d}.ms-back-btn svg{width:16px;height:16px;transition:transform .2s ease}.ms-back-btn:hover svg{transform:translateX(-2px)}.ms-edit-card{background:#fff;border-radius:16px;overflow:hidden;border:1px solid #c2703a14;box-shadow:0 2px 12px #c2703a14}.ms-edit-card__header{background:linear-gradient(135deg,#3d2b1f,#6b4226);padding:22px 24px;display:flex;align-items:center;gap:16px}.ms-edit-card__avatar{width:52px;height:52px;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.ms-edit-card__avatar,.ms-edit-card__header h2{font-family:"Source Serif 4",Georgia,serif;font-weight:400;color:#fff}.ms-edit-card__header h2{font-size:20px;margin:0 0 2px}.ms-edit-card__header p{font-family:DM Sans,sans-serif;font-size:13px;color:#fff9;margin:0}.ms-edit-card__body{padding:24px}.ms-form-grid{gap:16px;margin-bottom:24px}.ms-field,.ms-form-grid{display:flex;flex-direction:column}.ms-field{gap:5px}.ms-field label{display:flex;align-items:center;gap:6px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:#3d2b1f}.ms-field label svg{color:#c2703a;opacity:.45}.ms-field input{width:100%;padding:10px 12px;border:1px solid #c2703a26;border-radius:10px;font-family:DM Sans,sans-serif;font-size:13.5px;color:#3d2b1f;background:#fff;box-shadow:0 2px 8px #c2703a0a;transition:all .3s cubic-bezier(.16,1,.3,1);box-sizing:border-box}.ms-field input:focus{outline:none;border-color:#c2703a;box-shadow:0 0 0 3px #c2703a1a,0 2px 8px #c2703a0f}.ms-field input::placeholder{color:#8b7b6b;opacity:.55}.ms-field-hint{font-family:DM Sans,sans-serif;font-size:12px;color:#8b7b6b;font-style:italic}.ms-form-actions{display:flex;gap:10px;margin-bottom:24px}.ms-save-btn{flex:1 1;display:flex;align-items:center;justify-content:center;gap:6px;padding:11px 18px;background:linear-gradient(135deg,#c2703a,#d4915f);border:none;border-radius:10px;color:#fff;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 16px #c2703a40}.ms-save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #c2703a59}.ms-save-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.ms-cancel-btn{padding:11px 18px;background:#fff;border:1px solid #c2703a1f;border-radius:10px;color:#8b7b6b;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.ms-cancel-btn:hover:not(:disabled){border-color:#c2703a40;color:#3d2b1f;background:#c2703a08}.ms-spinner{width:14px;height:14px;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;animation:msSpin .6s linear infinite}@keyframes msSpin{to{transform:rotate(1turn)}}.ms-danger{padding-top:20px;border-top:1px solid #c2703a14}.ms-danger h4{font-size:13px;font-weight:600;color:#991b1b;margin:0 0 4px}.ms-danger h4,.ms-danger p{font-family:DM Sans,sans-serif}.ms-danger p{font-size:12.5px;color:#8b7b6b;margin:0 0 12px}.ms-delete-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;background:#991b1b0a;border:1px solid #991b1b26;border-radius:10px;color:#991b1b;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.ms-delete-btn:hover:not(:disabled){background:#991b1b14;border-color:#991b1b40}.ms-delete-btn:disabled{opacity:.5;cursor:not-allowed}.ms-delete-btn svg{width:14px;height:14px}.ms-empty{text-align:center;padding:48px 24px;background:#c2703a08;border-radius:14px;border:1.5px dashed #c2703a26}.ms-empty__icon{font-size:2.5rem;margin-bottom:12px;opacity:.5}.ms-empty h3{font-family:"Source Serif 4",Georgia,serif;font-size:18px;font-weight:400;color:#3d2b1f;margin:0 0 6px}.ms-empty p{color:#8b7b6b;margin:0 0 20px}.ms-empty p,.ms-empty__btn{font-family:DM Sans,sans-serif;font-size:13.5px}.ms-empty__btn{display:inline-block;padding:10px 20px;background:linear-gradient(135deg,#c2703a,#d4915f);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 16px #c2703a40}.ms-empty__btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #c2703a59}@media (max-width:768px){.ms-card{flex-wrap:wrap;padding:16px}.ms-card__details{gap:8px}.ms-card__edit-btn{width:100%;justify-content:center}.ms-edit-card__header{padding:18px 20px}.ms-edit-card__avatar{width:44px;height:44px;font-size:18px}.ms-edit-card__header h2{font-size:18px}.ms-edit-card__body{padding:20px}}@media (max-width:480px){.ms-header h2{font-size:19px}.ms-card__avatar{width:42px;height:42px;font-size:17px}.ms-card__name{font-size:15px}.ms-form-actions{flex-direction:column}.ms-edit-card__body{padding:18px}}.analytics-toggle{position:fixed;bottom:20px;right:20px;z-index:1000}.analytics-toggle-btn{background:linear-gradient(135deg,var(--brand-primary) 0,var(--error) 100%);color:#fff;border:none;padding:12px 20px;border-radius:25px;cursor:pointer;font-size:14px;font-weight:600;box-shadow:0 4px 15px #667eea4d;transition:all .3s ease}.analytics-toggle-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.analytics-dashboard{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:800px;max-height:90vh;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;z-index:1001;overflow:hidden;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.analytics-header{background:linear-gradient(135deg,var(--brand-primary) 0,var(--error) 100%);color:#fff;padding:20px 24px;display:flex;justify-content:space-between;align-items:center}.analytics-header h3{margin:0;font-size:20px;font-weight:600}.close-btn{background:#fff3;width:32px;height:32px;border-radius:50%;transition:background .3s ease}.close-btn:hover{background:#ffffff4d}.analytics-content{padding:24px;max-height:calc(90vh - 80px);overflow-y:auto}.analytics-section{margin-bottom:32px;padding:20px;background:#f8f9fa;border-radius:12px;border-left:4px solid var(--brand-primary)}.analytics-section h4{margin:0 0 16px;color:#2d3748;font-size:18px;font-weight:600}.status-indicator{display:flex;align-items:center;padding:8px 12px;margin:8px 0;border-radius:8px;font-size:14px;font-weight:500}.status-indicator.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.tracking-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e2e8f0}.tracking-item:last-child{border-bottom:none}.tracking-item span:first-child{font-weight:500;color:#4a5568}.tracking-item span:last-child{color:#38a169;font-weight:600}.phase-status{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:16px;gap:16px;margin-top:16px}.phase{text-align:center;padding:16px;background:#fff;border-radius:8px;border:2px solid #e2e8f0;transition:all .3s ease}.phase.active{border-color:var(--brand-primary);background:#f0f4ff}.phase-number{width:32px;height:32px;background:var(--brand-primary);color:#fff;border-radius:50%;line-height:32px;margin:0 auto 8px}.phase-number,.phase-title{display:block;font-weight:600}.phase-title{color:#2d3748;margin-bottom:4px}.phase-status-text{display:block;font-size:12px;color:#718096;text-transform:uppercase;letter-spacing:.5px}.phase.active .phase-status-text{color:var(--brand-primary);font-weight:600}.next-steps{margin:16px 0 0;padding-left:20px}.next-steps li{margin-bottom:8px;color:#4a5568;line-height:1.5}.note{background:#fff3cd;border:1px solid #ffeaa7;color:#856404;padding:12px;border-radius:8px;margin-top:16px;font-size:14px}.useful-links{display:flex;flex-direction:column;gap:12px}.useful-links a{color:var(--brand-primary);text-decoration:none;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #e2e8f0;transition:all .3s ease;font-size:14px}.useful-links a:hover{background:#f0f4ff;border-color:var(--brand-primary);transform:translateX(4px)}@media (max-width:768px){.analytics-dashboard{width:95%;max-height:95vh}.analytics-content{padding:16px}.phase-status{grid-template-columns:1fr}.analytics-toggle{bottom:16px;right:16px}}.analytics-content::-webkit-scrollbar{width:8px}.analytics-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.analytics-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.analytics-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.social-auth{margin:2rem 0;text-align:center}.social-auth-branding{margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-radius:16px;border:1px solid #ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.social-auth-branding .logo{margin-bottom:.75rem}.social-auth-tagline{color:#fffc;font-size:.95rem;font-weight:500;margin:0;line-height:1.4}.social-auth-coming-soon{padding:1rem;background:#ffffff0d;border-radius:12px;border:1px solid #ffffff1a}.social-auth-coming-soon p{color:#fff9;font-size:.875rem;margin:0;font-style:italic}.social-auth-divider{position:relative;margin:2rem 0;text-align:center}.social-auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#fff3}.social-auth-divider span{background:var(--background-color,var(--gray-900));padding:0 1rem;color:#fff9;font-size:.875rem}.social-auth-buttons{display:flex;flex-direction:column;gap:1rem;align-items:center}.social-auth-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;max-width:300px;padding:.875rem 1.5rem;border:2px solid #0000;border-radius:50px;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.social-auth-btn:disabled{opacity:.7;cursor:not-allowed}.social-auth-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}.social-auth-icon{width:20px;height:20px;flex-shrink:0}.google-btn{background:#fff;color:#333;border-color:#fff3}.google-btn:hover:not(:disabled){background:#f8f9fa;border-color:#ffffff4d}.loading-spinner{width:20px;height:20px;border:2px solid #f3f3f3;border-top-color:#4285f4;flex-shrink:0}@media (max-width:480px){.social-auth-btn{padding:.75rem 1.25rem;font-size:.875rem}.loading-spinner,.social-auth-icon{width:18px;height:18px}}.interactive-conversation-manager{max-width:1200px;margin:0 auto;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.conversation-header{text-align:center;margin-bottom:30px}.conversation-header h2{color:#2c3e50;margin-bottom:10px;font-size:2rem;font-weight:600}.conversation-header p{color:#7f8c8d;font-size:1.1rem}.start-conversation-form{background:#fff;border-radius:12px;padding:30px;margin-bottom:30px;box-shadow:0 4px 6px #0000001a;border:1px solid #e1e8ed}.start-conversation-form h3{color:#2c3e50;margin-bottom:20px;font-size:1.5rem;font-weight:600}.form-group{margin-bottom:20px}.form-group label{margin-bottom:8px;color:#34495e}.form-group input{width:100%;padding:12px 16px;border:2px solid #e1e8ed;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.form-group small{color:#7f8c8d;font-size:.875rem;margin-top:4px}.start-conversation-btn{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;padding:14px 28px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.start-conversation-btn:hover:not(:disabled){background:linear-gradient(135deg,#2980b9,#1f4e79);transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.start-conversation-btn:disabled{background:#bdc3c7;cursor:not-allowed;transform:none;box-shadow:none}.error-message{background:#fee;color:#c0392b;margin-top:15px;border:1px solid #f5c6cb}.success-message{background:#efe;color:#27ae60;padding:12px 16px;border-radius:8px;margin-top:15px;border:1px solid #c3e6cb}.conversations-list{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 6px #0000001a;border:1px solid #e1e8ed}.conversations-list h3{color:#2c3e50;margin-bottom:20px;font-size:1.5rem;font-weight:600}.no-conversations{text-align:center;padding:40px;color:#7f8c8d}.conversations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:20px;gap:20px}.conversation-card{background:#f8f9fa;border-radius:12px;padding:20px;border:1px solid #e9ecef;transition:all .3s ease}.conversation-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.conversation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.conversation-header h4{color:#2c3e50;font-size:1.2rem;font-weight:600;flex:1 1;margin:0 10px 0 0}.status-badge{color:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.conversation-details{margin-bottom:20px}.conversation-details p{margin:8px 0;color:#34495e;font-size:.9rem}.conversation-details strong{color:#2c3e50}.conversation-actions{display:flex;gap:10px;margin-bottom:15px}.end-conversation-btn{background:var(--error);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;flex:1 1}.end-conversation-btn:hover{background:#c0392b;transform:translateY(-1px)}.view-details-btn{background:#3498db;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;flex:1 1}.view-details-btn:hover{background:#2980b9;transform:translateY(-1px)}.conversation-summary{border-top:1px solid #e9ecef;padding-top:15px}.conversation-summary h5{color:#2c3e50;margin-bottom:8px;font-size:1rem;font-weight:600}.conversation-summary p{color:#7f8c8d;font-size:.9rem;line-height:1.5;margin:0}@media (max-width:768px){.interactive-conversation-manager{padding:15px}.conversations-grid{grid-template-columns:1fr}.conversation-actions{flex-direction:column}.conversation-header h2{font-size:1.5rem}}.play-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,var(--brand-secondary) 0,var(--brand-coral) 100%);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.play-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.play-btn:disabled{opacity:.6;cursor:not-allowed}.play-btn.playing{background:linear-gradient(135deg,var(--brand-coral) 0,#d62828 100%)}.play-btn svg{flex-shrink:0}.loading-spinner{width:16px;height:16px;border:2px solid #ffffff4d;border-top-color:#fff}.audio-progress{display:flex;align-items:center;gap:12px;margin-top:12px;padding:8px 12px;background:#f4a2611a;border-radius:6px;font-size:12px;color:#2c3e50}.progress-bar{flex:1 1;background:#f4a26133}.progress-fill{background:linear-gradient(90deg,var(--brand-secondary),var(--brand-coral))}.current-time,.total-time{font-weight:500;min-width:35px;text-align:center}.audio-unavailable{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#e74c3c1a;color:var(--error);border-radius:8px;font-size:14px;font-weight:500;border:1px solid #e74c3c33}.audio-unavailable svg{flex-shrink:0;opacity:.7}.reload-indicator{margin-left:8px;animation:spin 1s linear infinite;font-size:12px}.library-stats{background:var(--color-cream-light,#fff8f0);border-radius:12px;padding:1.25rem;border:1px solid var(--color-copper-light,#e8a97e33)}.library-stats--loading{min-height:100px}.library-stats__skeleton{height:80px;background:linear-gradient(90deg,#f0ebe4 25%,#f7f2ed 50%,#f0ebe4 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.library-stats__title{font-family:var(--font-serif,"Instrument Serif",Georgia,serif);font-size:1.1rem;color:var(--color-warm-brown,#2c1e12);margin:0 0 1rem}.library-stats__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem;text-align:center;margin-bottom:1rem}.library-stats__stat{display:flex;flex-direction:column;gap:.25rem}.library-stats__number{font-family:var(--font-serif,"Instrument Serif",Georgia,serif);font-size:1.75rem;font-weight:700;color:var(--color-terracotta,#c2703a);line-height:1}.library-stats__label{font-size:.75rem;color:var(--color-muted,#7a6b5e);text-transform:uppercase;letter-spacing:.05em}.library-stats__milestones{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--color-copper-light,#e8a97e22)}.library-stats__badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border-radius:100px;font-size:.75rem}.library-stats__badge--achieved{background:var(--color-terracotta,#c2703a);color:#fff}.library-stats__badge--next{background:var(--color-cream,#f5ede4);color:var(--color-muted,#7a6b5e);border:1px dashed var(--color-copper-light,#e8a97e66)}.library-stats__badge-progress{font-weight:600;color:var(--color-terracotta,#c2703a)}@media (max-width:480px){.library-stats__number{font-size:1.5rem}.library-stats__grid{gap:.5rem}}.seasonal-prompt{position:relative;background:linear-gradient(135deg,#fff8f0,#f0f9f9);border:1px solid var(--color-aqua,#7ec8c866);border-radius:12px;padding:1.25rem;display:flex;gap:1rem;align-items:flex-start}.seasonal-prompt__close{position:absolute;top:.5rem;right:.75rem;background:none;border:none;font-size:1.25rem;color:var(--color-muted,#7a6b5e);cursor:pointer;padding:.25rem;line-height:1}.seasonal-prompt__close:hover{color:var(--color-warm-brown,#2c1e12)}.seasonal-prompt__icon{font-size:2.5rem;flex-shrink:0;line-height:1}.seasonal-prompt__content{flex:1 1;min-width:0}.seasonal-prompt__title{font-family:var(--font-serif,"Instrument Serif",Georgia,serif);font-size:1.1rem;color:var(--color-warm-brown,#2c1e12);margin:0 0 .25rem}.seasonal-prompt__description{font-size:.85rem;color:var(--color-muted,#7a6b5e);margin:0 0 .75rem;line-height:1.4}.seasonal-prompt__suggestions{background:#fff;border-radius:8px;padding:.6rem .75rem}.seasonal-prompt__suggestions-label{font-size:.7rem;color:var(--color-muted,#7a6b5e);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:.35rem}.seasonal-prompt__question-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem}.seasonal-prompt__question-item{font-size:.85rem;color:var(--color-warm-brown,#2c1e12);padding-left:.75rem;position:relative}.seasonal-prompt__question-item:before{content:"\u201C";position:absolute;left:0;color:var(--color-terracotta,#c2703a);font-weight:600}@media (max-width:480px){.seasonal-prompt{flex-direction:column;align-items:center;text-align:center}.seasonal-prompt__question-item{text-align:left}}.invite-card{background:#fff;border-radius:20px;padding:28px;border:1px solid #c2703a14;box-shadow:0 2px 12px #00000008;margin-top:24px}.invite-card--loading{min-height:120px;position:relative;overflow:hidden}.invite-card__shimmer{position:absolute;inset:0;background:linear-gradient(90deg,#c2703a08 25%,#c2703a14 50%,#c2703a08 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.invite-card__header{display:flex;align-items:center;gap:14px;margin-bottom:20px}.invite-card__icon{width:40px;height:40px;border-radius:12px;background:#c2703a1a;color:#c2703a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.invite-card__title{font-family:"Source Serif 4",Georgia,serif;font-size:18px;font-weight:600;color:#3d2b1f;margin:0;line-height:1.2}.invite-card__subtitle{font-size:13px;margin:2px 0 0}.invite-card__label,.invite-card__subtitle{font-family:DM Sans,sans-serif;color:#8b7b6b}.invite-card__label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;display:block}.invite-card__code-section{margin-bottom:16px}.invite-card__link-section{margin-bottom:20px}.invite-card__code-row{display:flex;align-items:center;gap:8px;background:#fbf8f4;border:1px solid #c2703a1f;border-radius:12px;padding:10px 12px}.invite-card__code{font-family:DM Sans,sans-serif;font-size:18px;font-weight:700;color:#c2703a;letter-spacing:1px;flex:1 1}.invite-card__link-text{color:#6b5b50;flex:1 1;overflow:hidden;text-overflow:ellipsis}.invite-card__copy-btn,.invite-card__link-text{font-family:DM Sans,sans-serif;font-size:13px;white-space:nowrap}.invite-card__copy-btn{font-weight:600;color:#c2703a;background:#c2703a1a;border:none;border-radius:8px;padding:6px 14px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.invite-card__copy-btn:hover{background:#c2703a2e}.invite-card__copy-btn--copied{background:#4caf501a;color:#388e3c}.invite-card__share-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;color:#fff;background:#c2703a;border:none;border-radius:12px;padding:14px 20px;cursor:pointer;transition:all .2s ease}.invite-card__share-btn:hover{background:#a85d2f;transform:translateY(-1px);box-shadow:0 4px 12px #c2703a4d}.invite-card__share-btn:active{transform:translateY(0)}.invite-card__uses{font-family:DM Sans,sans-serif;font-size:13px;color:#8b7b6b;text-align:center;margin:12px 0 0}.weekly-time-allowance{background:#fff;border:1px solid #c2703a14;border-radius:16px;padding:28px;margin:0;box-shadow:0 2px 12px #c2703a14;transition:all .3s cubic-bezier(.16,1,.3,1)}.weekly-time-allowance:hover{box-shadow:0 6px 24px #c2703a24;transform:none}.time-allowance-header{text-align:center;margin-bottom:24px}.week-navigation{gap:16px;margin-bottom:8px}.week-nav-btn,.week-navigation{display:flex;align-items:center;justify-content:center}.week-nav-btn{background:#fff;border:1px solid #c2703a26;border-radius:50%;width:36px;height:36px;cursor:pointer;font-size:16px;font-weight:500;color:#8b7b6b;transition:all .2s ease;box-shadow:none}.week-nav-btn:hover:not(:disabled){background:#c2703a0f;border-color:#c2703a4d;color:#c2703a;transform:none;box-shadow:none}.week-nav-btn:disabled{opacity:.4;cursor:not-allowed}.time-allowance-header h3{font-family:"Source Serif 4",Georgia,serif;font-size:1.35rem;font-weight:400;color:#3d2b1f;margin:0;letter-spacing:-.01em}.week-range{font-family:DM Sans,sans-serif;color:#8b7b6b;font-size:.85rem;margin:0 0 16px;font-weight:400}.tab-navigation{display:flex;justify-content:center;gap:4px;margin-bottom:0;background:#c2703a0a;border-radius:10px;padding:4px}.tab-btn{padding:8px 16px;background:#0000;border:none;border-radius:8px;font-family:DM Sans,sans-serif;color:#8b7b6b;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.tab-btn:hover{color:#3d2b1f;background:#c2703a0f}.tab-btn.active{background:#fff;color:#c2703a;box-shadow:0 1px 4px #c2703a1f}.tab-btn.active:hover{background:#fff}.time-usage-card{background:#0000;border-radius:12px;padding:20px 0 0;border:none;box-shadow:none}.time-usage-progress{margin-bottom:24px}.progress-bar{width:100%;height:8px;background:#c2703a14;border-radius:4px;margin-bottom:20px;box-shadow:none}.progress-fill{border-radius:4px;transition:width .6s cubic-bezier(.16,1,.3,1);background:linear-gradient(90deg,#c2703a,#d4915f)!important}.time-usage-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;text-align:center}.time-remaining,.time-total,.time-used{display:flex;flex-direction:column;align-items:center;padding:16px 12px;background:#c2703a08;border-radius:12px;border:1px solid #c2703a0f;box-shadow:none;transition:all .2s ease}.time-remaining:hover,.time-total:hover,.time-used:hover{background:#c2703a0f;transform:none;box-shadow:none}.time-number{font-family:"Source Serif 4",Georgia,serif;font-size:1.5rem;font-weight:400;color:#3d2b1f;margin-bottom:4px;line-height:1;letter-spacing:0}.time-label{font-family:DM Sans,sans-serif;font-size:.7rem;color:#8b7b6b;text-transform:uppercase;letter-spacing:.08em;font-weight:500}.time-usage-details{display:grid;grid-template-columns:1fr;grid-gap:20px;gap:20px;margin-bottom:20px}.time-allowance-info h4,.usage-breakdown h4{font-family:"Source Serif 4",Georgia,serif;font-size:1.1rem;font-weight:400;color:#3d2b1f;margin:0 0 14px;letter-spacing:0}.breakdown-list{max-height:200px;overflow-y:auto}.breakdown-item{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:10px;gap:10px;padding:10px 0;border-bottom:1px solid #c2703a0f;font-family:DM Sans,sans-serif;font-size:.85rem;transition:all .2s ease}.breakdown-item:last-child{border-bottom:none}.breakdown-item.clickable{cursor:pointer;border-radius:10px;padding:10px 12px;margin:0 -12px}.breakdown-item.clickable:hover{background:#c2703a0d;transform:none;box-shadow:none;border:none}.breakdown-time{font-weight:600;color:#3d2b1f;min-width:60px}.breakdown-date{color:#8b7b6b;font-size:.75rem}.breakdown-storyteller{color:#6b5b50;font-weight:500;text-align:center}.breakdown-type{font-size:.75rem;color:#8b7b6b;font-weight:500;text-align:right}.no-usage{font-family:DM Sans,sans-serif;color:#8b7b6b;font-style:italic;text-align:center;padding:28px;background:#c2703a08;border-radius:12px;border:1.5px dashed #c2703a1f;font-size:.85rem}.stories-content{margin-bottom:20px}.stories-section h4{font-family:"Source Serif 4",Georgia,serif;font-size:1.1rem;font-weight:400;color:#3d2b1f;margin:0 0 6px;letter-spacing:0}.stories-subtitle{font-family:DM Sans,sans-serif;color:#8b7b6b;font-size:.85rem;margin:0 0 16px;font-weight:400}.stories-list{display:flex;flex-direction:column;gap:10px;max-height:360px;overflow-y:auto;padding-right:4px}.story-item{background:#fff;border:1px solid #c2703a14;border-radius:12px;padding:16px;transition:all .2s ease;cursor:pointer}.story-item:hover{background:#c2703a08;border-color:#c2703a26;transform:none;box-shadow:none}.story-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.story-title{font-family:"Source Serif 4",Georgia,serif;font-size:.95rem;font-weight:400;color:#3d2b1f;margin:0;flex:1 1;line-height:1.4}.story-date{font-family:DM Sans,sans-serif;font-size:.8rem;color:#8b7b6b;font-weight:400;margin-left:12px;white-space:nowrap}.story-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.story-storyteller{font-family:DM Sans,sans-serif;font-size:.8rem;color:#c2703a;font-weight:500}.story-duration{font-weight:400}.story-description,.story-duration{font-family:DM Sans,sans-serif;font-size:.8rem;color:#8b7b6b}.story-description{line-height:1.5;margin:0;font-style:italic}.no-stories{text-align:center;padding:32px 20px;background:#c2703a08;border-radius:12px;border:1.5px dashed #c2703a1f}.no-stories p{font-family:DM Sans,sans-serif;margin:0 0 6px;color:#8b7b6b;font-weight:400}.no-stories small{font-family:DM Sans,sans-serif;color:#a89b8e;font-size:.8rem}.how-it-works-content{margin-bottom:20px}.time-allowance-info ul{list-style:none;padding:0;margin:0}.time-allowance-info li{font-family:DM Sans,sans-serif;padding:8px 0;color:#6b5b50;font-size:.85rem;line-height:1.5;display:flex;align-items:flex-start}.time-allowance-info li:before{content:"\2713";color:#8ba888;font-weight:600;margin-right:10px;margin-top:1px;flex-shrink:0;font-size:.85rem}.time-actions{display:flex;gap:12px;justify-content:center;margin-top:4px}.weekly-time-allowance .btn{font-family:DM Sans,sans-serif;padding:10px 20px;border:none;border-radius:10px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:120px}.weekly-time-allowance .btn-primary{background:#c2703a;color:#fff;box-shadow:0 2px 8px #c2703a33}.weekly-time-allowance .btn-primary:hover:not(:disabled){background:#a85d2f;transform:translateY(-1px);box-shadow:0 4px 12px #c2703a4d}.weekly-time-allowance .btn-primary:disabled{background:#d4c4b5;color:#fff;cursor:not-allowed}.weekly-time-allowance .btn-secondary{background:#c2703a0f;color:#c2703a;border:1px solid #c2703a1f}.weekly-time-allowance .btn-secondary:hover{background:#c2703a1a;border-color:#c2703a33;transform:none}.weekly-time-allowance .loading-spinner{display:flex;align-items:center;justify-content:center;padding:20px;font-family:DM Sans,sans-serif;color:#8b7b6b;font-size:.85rem}.weekly-time-allowance .error-message{font-family:DM Sans,sans-serif;color:#c2703a;text-align:center;padding:14px;background:#c2703a0f;border:1px solid #c2703a1f;border-radius:10px;margin:12px 0;font-size:.85rem}.fade-in{animation:wtaFadeIn .35s ease-out}.fade-out{animation:wtaFadeOut .2s ease-in}@keyframes wtaFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes wtaFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.current-category{margin:12px 0;text-align:center}.category-loading{color:#8b7b6b;font-size:.85rem;font-style:italic}.category-info{display:inline-flex;align-items:center;gap:8px;background:#c2703a0f;border:1px solid #c2703a1a;border-radius:20px;padding:6px 14px}.category-info.clickable{cursor:pointer}.category-info.clickable:hover{background:#c2703a1a}.category-name{font-weight:500;color:#3d2b1f;font-size:.85rem}.category-description{color:#8b7b6b;font-size:.75rem;font-style:italic}.category-placeholder{color:#a89b8e;font-size:.85rem;font-style:italic}.category-placeholder.clickable{cursor:pointer;padding:6px 14px;border:1px dashed #c2703a26;border-radius:20px}.category-placeholder.clickable:hover{border-color:#c2703a4d}.edit-indicator{font-size:.75rem;opacity:.6;margin-left:4px}.storyteller-info-details{margin:10px 0;padding:10px;background:#c2703a08;border-radius:10px;border:1px solid #c2703a0f}.info-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:.8rem}.info-item:last-child{margin-bottom:0}.info-label{color:#8b7b6b;font-weight:400}.info-value{color:#3d2b1f;font-weight:500}@media (max-width:768px){.weekly-time-allowance{padding:20px}.time-allowance-header{margin-bottom:20px}.time-allowance-header h3{font-size:1.15rem}.time-usage-card{padding:16px 0 0}.time-usage-stats{grid-template-columns:repeat(3,1fr);gap:8px}.time-remaining,.time-total,.time-used{padding:12px 8px}.time-number{font-size:1.25rem}.time-usage-details{grid-template-columns:1fr}.time-actions{flex-direction:column}.weekly-time-allowance .btn{width:100%}.breakdown-item{grid-template-columns:1fr 1fr;gap:6px}.breakdown-storyteller{text-align:left}}@media (max-width:480px){.weekly-time-allowance{padding:16px}.tab-navigation{gap:2px;padding:3px}.tab-btn{padding:6px 12px;font-size:12px}}@keyframes progressFill{0%{width:0}to{width:var(--progress-width)}}.progress-fill{animation:progressFill .8s cubic-bezier(.16,1,.3,1)}.story-streak{background:var(--color-cream-light,#fff8f0);border-radius:12px;padding:1.25rem;border:1px solid var(--color-copper-light,#e8a97e33)}.story-streak--loading{min-height:120px}.story-streak__skeleton{height:100%;min-height:100px;background:linear-gradient(90deg,#f0ebe4 25%,#f7f2ed 50%,#f0ebe4 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.story-streak__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.story-streak__fire{display:flex;align-items:center;gap:.5rem}.story-streak__fire-icon{font-size:1.75rem;line-height:1}.story-streak__count{font-family:var(--font-serif,"Instrument Serif",Georgia,serif);font-size:2rem;font-weight:700;color:var(--color-warm-brown,#2c1e12);line-height:1}.story-streak__label{font-size:.875rem;color:var(--color-muted,#7a6b5e);margin-top:.25rem}.story-streak__best{font-size:.75rem;color:var(--color-muted,#7a6b5e);background:var(--color-cream,#fff8f0);padding:.25rem .5rem;border-radius:100px;border:1px solid var(--color-copper-light,#e8a97e44)}.story-streak__subtitle{font-size:.85rem;color:var(--color-muted,#7a6b5e);margin:0 0 .75rem;line-height:1.4}.story-streak__weeks{display:flex;gap:6px;margin-bottom:.75rem}.story-streak__dot{width:28px;height:28px;border-radius:50%;background:var(--color-cream,#f5ede4);border:2px solid var(--color-copper-light,#e8a97e33);transition:all .3s ease}.story-streak__dot--active{background:var(--color-terracotta,#c2703a);border-color:var(--color-terracotta,#c2703a);box-shadow:0 2px 8px #c2703a4d}.story-streak__milestone{margin-top:.5rem}.story-streak__milestone-bar{height:6px;background:var(--color-cream,#f5ede4);border-radius:100px;overflow:hidden;margin-bottom:.25rem}.story-streak__milestone-fill{height:100%;background:linear-gradient(90deg,var(--color-terracotta,#c2703a),var(--color-copper-light,#e8a97e));border-radius:100px;transition:width .5s ease}.story-streak__milestone-label{font-size:.75rem;color:var(--color-muted,#7a6b5e)}.story-streak__badges{display:flex;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}.story-streak__badge{font-size:1.25rem;cursor:default}@media (max-width:480px){.story-streak__dot{width:24px;height:24px}.story-streak__count{font-size:1.5rem}}.question-queue{background:var(--color-cream-light,#fff8f0);border-radius:12px;padding:1.25rem;border:1px solid var(--color-copper-light,#e8a97e33)}.question-queue__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.question-queue__title{font-family:var(--font-serif,"Instrument Serif",Georgia,serif);font-size:1.1rem;color:var(--color-warm-brown,#2c1e12);margin:0}.question-queue__count{font-size:.75rem;color:var(--color-muted,#7a6b5e);background:var(--color-cream,#f5ede4);padding:.2rem .5rem;border-radius:100px}.question-queue__form{display:flex;gap:.5rem;margin-bottom:1rem}.question-queue__input{flex:1 1;padding:.6rem .75rem;border:1px solid var(--color-copper-light,#e8a97e66);border-radius:8px;font-size:.875rem;background:#fff;color:var(--color-warm-brown,#2c1e12)}.question-queue__input:focus{outline:none;border-color:var(--color-terracotta,#c2703a);box-shadow:0 0 0 2px #c2703a26}.question-queue__submit{padding:.6rem 1rem;background:var(--color-terracotta,#c2703a);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s}.question-queue__submit:hover:not(:disabled){background:#a85c30}.question-queue__submit:disabled{opacity:.5;cursor:not-allowed}.question-queue__error{color:#e74c3c;font-size:.8rem;margin:-.5rem 0 .75rem}.question-queue__loading{text-align:center;color:var(--color-muted,#7a6b5e);padding:1rem;font-size:.875rem}.question-queue__list{display:flex;flex-direction:column;gap:.5rem}.question-queue__list--faded{opacity:.6}.question-queue__item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .75rem;background:#fff;border-radius:8px;border:1px solid var(--color-copper-light,#e8a97e22)}.question-queue__item--completed{opacity:.7}.question-queue__item-content{display:flex;align-items:flex-start;gap:.5rem;flex:1 1;min-width:0}.question-queue__item-number{font-size:.75rem;font-weight:600;color:var(--color-terracotta,#c2703a);background:var(--color-cream,#fff8f0);width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.question-queue__item-text{font-size:.85rem;color:var(--color-warm-brown,#2c1e12);margin:0;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.question-queue__item-actions{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.question-queue__status{font-size:.65rem;padding:.15rem .4rem;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.question-queue__status--pending{background:var(--color-aqua,#7ec8c8);color:#fff}.question-queue__status--scheduled{background:var(--color-terracotta,#c2703a);color:#fff}.question-queue__status--asked{background:#27ae60;color:#fff}.question-queue__status--skipped{background:var(--color-muted,#7a6b5e);color:#fff}.question-queue__action-btn{background:none;border:1px solid var(--color-copper-light,#e8a97e44);color:var(--color-muted,#7a6b5e);width:24px;height:24px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;padding:0;transition:all .15s}.question-queue__action-btn:hover{background:var(--color-cream,#f5ede4);color:var(--color-warm-brown,#2c1e12)}.question-queue__action-btn--delete:hover{background:#fde8e8;border-color:#e74c3c;color:#e74c3c}.question-queue__empty{text-align:center;color:var(--color-muted,#7a6b5e);font-size:.85rem;padding:1rem 0;margin:0}.question-queue__completed{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--color-copper-light,#e8a97e22)}.question-queue__completed-summary{font-size:.8rem;color:var(--color-muted,#7a6b5e);cursor:pointer;margin-bottom:.5rem}@media (max-width:480px){.question-queue__form{flex-direction:column}.question-queue__submit{width:100%}}.recording-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;opacity:0;animation:fadeInOverlay .2s ease-out forwards}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.recording-modal-overlay.closing{animation:fadeOutOverlay .15s ease-in forwards}@keyframes fadeOutOverlay{0%{opacity:1}to{opacity:0}}.recording-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001f;border:1px solid #f4a26126;max-width:420px;width:100%;max-height:75vh;overflow:hidden;display:flex;flex-direction:column;transform:scale(.9) translateY(10px);animation:slideInModal .2s ease-out forwards}@keyframes slideInModal{0%{transform:scale(.9) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.recording-modal.closing{animation:slideOutModal .15s ease-in forwards}@keyframes slideOutModal{0%{transform:scale(1) translateY(0);opacity:1}to{transform:scale(.9) translateY(10px);opacity:0}}.recording-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:linear-gradient(135deg,var(--brand-secondary) 0,var(--brand-coral) 100%);color:#fff;border-radius:12px 12px 0 0;margin:-1px -1px 0}.recording-title h2{margin:0;font-size:1.1rem;font-weight:600;color:#fff}.close-btn{background:#ffffff26;border:none;font-size:16px;color:#fff;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s ease;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#ffffff40}.recording-modal-content{flex:1 1;padding:18px;overflow-y:auto;background:#fff}.error-state,.loading-state{text-align:center;padding:20px}.loading-spinner{border-top:2px solid var(--gray-100);border:2px solid var(--gray-100);border-top-color:var(--brand-secondary);width:24px;height:24px;margin:0 auto 12px}.error-state p{color:var(--error);font-weight:500;font-size:.9rem}.audio-player{background:var(--gray-50);border-radius:10px;padding:14px;margin-bottom:14px;border:1px solid #f4a26126;position:relative;z-index:1;overflow:hidden}.audio-controls{display:flex;align-items:center;gap:10px;margin-bottom:6px}.play-pause-btn{background:linear-gradient(135deg,var(--brand-secondary) 0,var(--brand-coral) 100%);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#fff}.play-pause-btn svg{width:16px;height:16px;fill:currentColor}.play-pause-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--brand-coral) 0,#d63031 100%);transform:scale(1.05)}.play-pause-btn:disabled{background:var(--gray-300);cursor:not-allowed;transform:none}.time-display{display:flex;align-items:center;gap:3px;font-family:Monaco,Menlo,monospace;font-size:.8rem;color:var(--gray-500);font-weight:500}.progress-bar{height:4px;background:#f4a26126;border-radius:2px;cursor:pointer;position:relative;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--brand-secondary) 0,var(--brand-coral) 100%);border-radius:2px;transition:width .1s ease}.no-audio-message{text-align:center;margin-top:10px;padding:10px;background:#f4a26114;border-radius:6px;border:1px solid #f4a26126;position:relative;z-index:1;clear:both}.no-audio-message p{margin:0 0 3px;color:var(--gray-500);font-weight:500;font-size:.8rem}.no-audio-message small{color:var(--gray-400);font-size:.7rem}.transcription-section{margin-bottom:14px;position:relative;z-index:2;clear:both}.transcription-section h3{margin:0 0 10px;font-size:1rem;font-weight:600;color:var(--gray-800);text-align:center}.transcription-content{background:var(--gray-50);border-radius:10px;padding:14px;border:1px solid #f4a26126;min-height:70px;position:relative;z-index:2;overflow:hidden}.transcription-content p{margin:0;line-height:1.4;color:var(--gray-700);font-size:.85rem;text-align:left}.no-transcription{text-align:center;padding:14px}.no-transcription p{margin:0 0 3px;color:var(--gray-500);font-weight:500;font-size:.8rem}.no-transcription small{color:var(--gray-400);font-size:.7rem}.recording-modal-footer{padding:14px 18px;border-top:1px solid #f4a2611a;display:flex;justify-content:center;background:#fff;border-radius:0 0 12px 12px}.btn{padding:8px 16px;border-radius:6px;font-size:.85rem}.btn-secondary{background:linear-gradient(135deg,var(--brand-secondary) 0,var(--brand-coral) 100%);color:#fff;border:1px solid #f4a2614d}.btn-secondary:hover{background:linear-gradient(135deg,var(--brand-coral) 0,#d63031 100%)}@media (max-width:768px){.recording-modal-overlay{padding:6px}.recording-modal{max-width:95%;max-height:80vh}.recording-modal-header{padding:12px 14px}.recording-modal-content{padding:14px}.recording-modal-footer{padding:12px 14px}.audio-player{padding:12px}.transcription-content{padding:12px;min-height:60px}}.upsell-nudge{position:relative;background:linear-gradient(135deg,#fff8f0,#fcf0e6);border:2px solid var(--color-terracotta,#c2703a);border-radius:12px;padding:1.25rem;margin-bottom:1rem}.upsell-nudge__close{position:absolute;top:.5rem;right:.75rem;background:none;border:none;font-size:1.25rem;color:var(--color-muted,#7a6b5e);cursor:pointer;padding:.25rem;line-height:1}.upsell-nudge__close:hover{color:var(--color-warm-brown,#2c1e12)}.upsell-nudge__content{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.upsell-nudge__icon{font-size:2rem;flex-shrink:0}.upsell-nudge__text{flex:1 1}.upsell-nudge__title{font-family:var(--font-serif,"Instrument Serif",Georgia,serif);font-size:1rem;color:var(--color-warm-brown,#2c1e12);margin:0 0 .25rem}.upsell-nudge__description{font-size:.85rem;color:var(--color-muted,#7a6b5e);margin:0;line-height:1.4}.upsell-nudge__cta{background:var(--color-terracotta,#c2703a);color:#fff;border:none;padding:.6rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s}.upsell-nudge__cta:hover{background:#a85c30}.upsell-nudge__comparison{display:flex;align-items:center;justify-content:center;gap:1rem;padding-top:.75rem;border-top:1px solid var(--color-copper-light,#e8a97e33)}.upsell-nudge__plan{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem 1rem;border-radius:8px}.upsell-nudge__plan--current{background:var(--color-cream,#f5ede4);opacity:.7}.upsell-nudge__plan--next{background:var(--color-terracotta,#c2703a);color:#fff}.upsell-nudge__plan-name{font-weight:600;font-size:.8rem;text-transform:capitalize}.upsell-nudge__plan-detail{font-size:.7rem;opacity:.8}.upsell-nudge__arrow{font-size:1.25rem;color:var(--color-terracotta,#c2703a)}@media (max-width:600px){.upsell-nudge__content{flex-direction:column;text-align:center}.upsell-nudge__cta{width:100%}}.toast{position:fixed;top:20px;right:20px;z-index:9999;min-width:300px;max-width:400px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;border-left:4px solid #007bff;transform:translateX(100%);opacity:0;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.toast.show{transform:translateX(0);opacity:1}.toast-content{display:flex;align-items:center;justify-content:space-between;padding:16px 20px}.toast-message{font-size:14px;font-weight:500;color:#333;margin-right:12px;line-height:1.4}.toast-close{background:none;border:none;font-size:20px;color:#999;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.toast-close:hover{background:#f5f5f5;color:#666}.toast-success{border-left-color:#28a745}.toast-success .toast-message{color:#155724}.toast-info{border-left-color:#17a2b8}.toast-info .toast-message{color:#0c5460}.toast-warning{border-left-color:var(--warning)}.toast-warning .toast-message{color:#856404}.toast-error{border-left-color:var(--error)}.toast-error .toast-message{color:#721c24}@media (max-width:768px){.toast{top:10px;right:10px;left:10px;min-width:auto;max-width:none}.toast-content{padding:14px 16px}.toast-message{font-size:13px}}.call-status-display{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 6px #0000001a;margin:16px 0}.current-status{text-align:center;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--gray-200)}.status-badge{display:inline-flex;align-items:center;padding:12px 20px;border-radius:25px;font-weight:600;font-size:16px;margin-bottom:12px}.status-amber{background:linear-gradient(135deg,var(--warning),var(--warning));color:#fff}.status-green{background:linear-gradient(135deg,var(--success),var(--success));color:#fff}.status-orange,.status-yellow{background:linear-gradient(135deg,var(--warning),var(--warning));color:#fff}.status-red{background:linear-gradient(135deg,var(--error),var(--error-dark));color:#fff}.status-gray{background:linear-gradient(135deg,var(--gray-500),var(--gray-600));color:#fff}.status-label{font-size:14px;text-transform:uppercase;letter-spacing:.5px}.status-description{color:var(--gray-500);font-size:14px;margin:0}.call-details{margin-bottom:24px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--gray-100)}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:600;color:var(--gray-700);font-size:14px}.detail-value{color:var(--gray-500);font-size:14px;text-align:right;max-width:60%;word-break:break-word}.status-history{margin-top:24px;padding-top:20px;border-top:1px solid var(--gray-200)}.status-history h4{margin:0 0 16px;color:var(--gray-700);font-size:16px;font-weight:600}.history-timeline{position:relative}.history-timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:var(--gray-200)}.history-entry{position:relative;margin-bottom:16px;padding-left:50px}.history-entry:before{content:"";position:absolute;left:16px;top:8px;width:8px;height:8px;border-radius:50%;background:var(--gray-500)}.history-status{display:inline-flex;align-items:center;padding:6px 12px;border-radius:15px;font-size:12px;font-weight:500;margin-bottom:4px}.history-status.status-amber{background:#fef3c7;color:var(--warning)}.history-status.status-green{background:#d1fae5;color:var(--success)}.history-status.status-orange{background:#fed7aa;color:var(--warning)}.history-status.status-yellow{background:#fef3c7;color:var(--warning)}.history-status.status-red{background:#fee2e2;color:var(--error-dark)}.history-status.status-gray{background:var(--gray-100);color:var(--gray-600)}.history-label{font-size:11px;text-transform:uppercase;letter-spacing:.3px}.history-time{font-size:12px;color:var(--gray-400);margin-bottom:4px}.history-notes{font-size:12px;color:var(--gray-500);line-height:1.4}.call-actions{margin-top:24px;padding-top:20px;border-top:1px solid var(--gray-200);display:flex;gap:12px;justify-content:center}.btn{padding:10px 20px}.btn-primary{background:linear-gradient(135deg,var(--warning),var(--warning))}.btn-primary:hover{background:linear-gradient(135deg,var(--warning),#b45309)}.btn-secondary{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-300)}.btn-secondary:hover{background:var(--gray-200);transform:translateY(-1px)}@media (max-width:768px){.call-status-display{padding:16px;margin:12px 0}.status-badge{padding:10px 16px;font-size:14px}.detail-row{flex-direction:column;align-items:flex-start;gap:4px}.detail-value{text-align:left;max-width:100%}.call-actions{flex-direction:column}.btn{width:100%}}.status-badge{animation:statusPulse .6s ease-out}@keyframes statusPulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}.status-badge.status-in_progress,.status-badge.status-ringing{animation:livePulse 2s infinite}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.7}}.storyteller-manager-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#3d2b1f73;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:999999;opacity:0;animation:smFadeIn .35s cubic-bezier(.16,1,.3,1) forwards;pointer-events:auto;isolation:isolate}@keyframes smFadeIn{0%{opacity:0}to{opacity:1}}.storyteller-manager-overlay.closing{animation:smFadeOut .25s ease-in forwards}.storyteller-manager-modal.closing{animation:smSlideOut .25s ease-in forwards}@keyframes smFadeOut{0%{opacity:1}to{opacity:0}}@keyframes smSlideOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) translateY(16px) scale(.97)}}.storyteller-manager-modal{background:#fbf8f4;border-radius:16px;padding:0;max-width:480px;width:480px;max-height:92vh;overflow-y:auto;box-shadow:0 8px 32px #c2703a1f,0 24px 64px #3d2b1f2e;border:1px solid #c2703a1a;z-index:1000000;opacity:0;transform:translate(-50%,-50%) translateY(-20px) scale(.95);animation:smSlideIn .45s cubic-bezier(.16,1,.3,1) .08s forwards;position:fixed;top:46%;left:50%}@keyframes smSlideIn{0%{opacity:0;transform:translate(-50%,-50%) translateY(-20px) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) translateY(0) scale(1)}}.add-storyteller-form{padding:24px 24px 20px}.add-storyteller-form h2{margin:0 0 16px;color:#3d2b1f;font-family:"Source Serif 4",Georgia,serif;font-size:20px;font-weight:400;letter-spacing:-.01em}.form-group{margin-bottom:14px}.form-group label{display:block;margin-bottom:4px;color:#3d2b1f;font-family:DM Sans,sans-serif;font-weight:500;font-size:13px}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid #c2703a26;border-radius:10px;font-family:DM Sans,sans-serif;font-size:13.5px;color:#3d2b1f;transition:all .3s cubic-bezier(.16,1,.3,1);background:#fff;box-shadow:0 2px 8px #c2703a0a;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:#c2703a;box-shadow:0 0 0 3px #c2703a1a,0 2px 8px #c2703a0f}.form-group input::placeholder{color:#8b7b6b;opacity:.55}.form-group select{-webkit-appearance:auto;appearance:auto;cursor:pointer}.form-group small{display:block;margin-top:6px;color:#8b7b6b;font-family:DM Sans,sans-serif;font-size:12px}.optional-tag{font-size:12px;color:#8b7b6b;font-weight:400;font-style:italic}.field-error{display:block;margin-top:5px;color:#991b1b;font-family:DM Sans,sans-serif;font-size:12.5px;font-style:normal}.form-actions{display:flex;gap:10px;margin-top:18px}.submit-btn{flex:1 1;background:linear-gradient(135deg,#c2703a,#d4915f);color:#fff;border:none;padding:11px 18px;border-radius:10px;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;letter-spacing:.01em;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 16px #c2703a40}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #c2703a59}.submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.cancel-btn{background:#fff;color:#8b7b6b;border:1px solid #c2703a1f;padding:11px 18px;border-radius:10px;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1)}.cancel-btn:hover{border-color:#c2703a40;color:#3d2b1f;background:#c2703a08}.error-message,.success-message{margin:0 24px 16px;padding:10px 14px;border-radius:10px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:500;text-align:center;animation:smMsgIn .3s cubic-bezier(.16,1,.3,1)}@keyframes smMsgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.success-message{background:#8bc38b1f;color:#2d6a2d;border:1px solid #8bc38b40}.error-message{background:#c2703a14;color:#991b1b;border:1px solid #c2703a26}@media (max-width:768px){.storyteller-manager-modal{width:90vw;max-width:90vw;max-height:90vh;top:42%}}@media (max-width:480px){.storyteller-manager-modal{width:94vw;max-width:94vw;max-height:94vh;top:38%}.add-storyteller-form{padding:20px 18px 16px}.add-storyteller-form h2{font-size:18px}.form-actions{flex-direction:column}.error-message,.success-message{margin:0 18px 14px}}.personalized-recommendations{background:var(--beach-sand-light);border:2px solid var(--border-soft);border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 8px 32px var(--shadow-color)}.recommendations-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--beach-sand-light)}.recommendations-title{display:flex;align-items:center;gap:.75rem}.recommendations-icon{font-size:1.5rem;animation:pulse 2s infinite}.recommendations-title h4{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.profile-summary{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.profile-stat{font-size:.875rem;color:var(--text-light);font-weight:500}.profile-topics{font-size:.75rem;color:var(--text-light);font-style:italic}.recommendations-list{display:flex;flex-direction:column;gap:1rem}.recommendation-item{background:var(--white);border:1px solid var(--border-light);border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.recommendation-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--beach-sand-warm),var(--aqua-blue-soft));transform:scaleX(0);transition:transform .3s ease}.recommendation-item:hover:before{transform:scaleX(1)}.recommendation-item:hover{transform:translateY(-4px);box-shadow:0 12px 40px var(--shadow-aqua);border-color:var(--aqua-blue-soft)}.recommendation-content{margin-bottom:1rem}.recommendation-question{font-size:1.125rem;font-weight:600;color:var(--text-primary);line-height:1.5;margin-bottom:1rem}.recommendation-meta{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.recommendation-bucket{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--beach-sand-light);border-radius:20px;border:1px solid var(--border-soft)}.bucket-icon{font-size:1rem}.bucket-label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.recommendation-reason{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--aqua-blue-light);border-radius:20px;border:1px solid var(--aqua-blue-soft)}.reason-icon,.reason-text{font-size:.875rem}.reason-text{color:var(--text-primary);font-weight:500}.recommendation-score{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--beach-sand-warm);border-radius:20px;border:1px solid var(--border-soft)}.score-label{font-size:.875rem;color:var(--text-light)}.score-value{font-size:.875rem;font-weight:600;color:var(--text-primary)}.recommendation-action{display:flex;justify-content:flex-end}.recommendations-loading{text-align:center;padding:3rem 2rem}.loading-spinner{width:40px;height:40px;border-top:4px solid var(--border-light);border:4px solid var(--border-light);border-top-color:var(--aqua-blue-soft);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.recommendations-loading p{color:var(--text-light);font-size:1rem;margin:0}.recommendations-error{text-align:center;padding:2rem;background:#ef44441a;border-radius:12px;border:1px solid #ef444433}.recommendations-error p{color:var(--error);margin-bottom:1rem;font-weight:500}.personalized-recommendations-compact{margin:.5rem 0;padding:0;background:none;border:none;box-shadow:none}.compact-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;position:relative;cursor:help;opacity:1;transition:all .2s ease}.compact-header:hover{background:#e9ecef;border-color:#adb5bd}.compact-title{font-size:.875rem;font-weight:500;color:#6c757d;margin:0}.info-icon{font-size:.875rem;opacity:.6;cursor:help;transition:opacity .2s ease}.info-icon:hover{opacity:1}.compact-tooltip{position:absolute;top:100%;left:0;background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:1rem;box-shadow:0 4px 12px #00000026;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;min-width:280px;max-width:320px;margin-top:8px;pointer-events:none}.compact-header:hover .compact-tooltip{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.compact-tooltip p{font-size:.875rem;color:#495057;margin:0 0 .75rem;line-height:1.4}.compact-tooltip .tooltip-cta{background:#f8f9fa;padding:.5rem .75rem;border-radius:6px;border:1px solid #dee2e6;text-align:center}.compact-tooltip .tooltip-cta span{font-weight:500;color:#495057;font-size:.8rem}.recommendations-footer{display:flex;justify-content:center;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-light)}@media (max-width:768px){.personalized-recommendations{padding:1.5rem}.recommendations-header{flex-direction:column;align-items:flex-start;gap:1rem}.profile-summary,.recommendation-meta{align-items:flex-start}.recommendation-meta{flex-direction:column;gap:.75rem}.recommendation-item{padding:1.25rem}.recommendation-question{font-size:1rem}}.conversation-audio-player{background:#f8f9fa;padding:10px 12px;border-radius:12px;margin:12px auto 0;width:100%;max-width:450px;box-sizing:border-box}.audio-question{font-size:13px;font-weight:600;color:#2d3748;margin:0 0 6px;line-height:1.2;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.audio-player-controls{display:flex;align-items:center;gap:10px;background:#fff;padding:10px;border-radius:8px;box-shadow:0 2px 8px #0000000f}.play-sample-label{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:60px}.play-sample-label span{font-size:11px;color:var(--brand-secondary);font-weight:600;text-align:center;line-height:1.2}.play-sample-label svg{width:24px;height:24px;opacity:.8}.play-btn-large{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--brand-secondary);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease;box-shadow:0 2px 8px #f4a2614d}.play-btn-large svg{width:16px;height:16px}.play-btn-large:hover{background:var(--brand-coral);transform:scale(1.05);box-shadow:0 3px 10px #f4a26166}.play-btn-large:active{transform:scale(.95)}.audio-waveform{flex:1 1;display:flex;align-items:center;justify-content:space-between;gap:1.5px;height:38px;cursor:pointer;padding:0 6px;min-width:0;overflow:hidden}.waveform-bar{flex:1 1;min-width:1.5px;max-width:3px;background:#e2e8f0;transition:background .2s ease,height .1s ease}.waveform-bar.played{background:var(--brand-secondary)}.audio-waveform:hover .waveform-bar{opacity:.8}.audio-duration{flex-shrink:0;font-size:16px;font-weight:600;color:#2d3748;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:45px;text-align:right}@media (max-width:375px){.conversation-audio-player{padding:12px 8px;margin-top:12px}.audio-question{font-size:14px;margin-bottom:12px}.audio-player-controls{padding:10px 8px;gap:8px}.play-sample-label{min-width:50px}.play-sample-label span{font-size:10px}.play-sample-label svg{width:20px;height:20px}.play-btn-large{width:46px;height:46px}.play-btn-large svg{width:22px;height:22px}.audio-waveform{height:46px;gap:1px;padding:0 4px}.waveform-bar{min-width:1.5px;max-width:2.5px}.audio-duration{font-size:14px;min-width:40px}}@media (min-width:768px){.conversation-audio-player{padding:24px;margin-top:20px}.audio-question{font-size:20px;margin-bottom:20px}.audio-player-controls{padding:16px 20px;gap:16px}.play-sample-label{min-width:70px}.play-sample-label span{font-size:12px}.play-sample-label svg{width:28px;height:28px}.play-btn-large{width:60px;height:60px}.audio-waveform{height:60px;gap:3px;padding:0 12px}.waveform-bar{max-width:5px}.audio-duration{font-size:18px;min-width:50px}}@media (min-width:1024px){.conversation-audio-player{padding:28px 32px}.audio-question{font-size:24px}.audio-player-controls{padding:18px 24px;gap:20px}.play-btn-large{width:64px;height:64px}.waveform-bar{max-width:6px}}.pin-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2147483647;margin:0;padding:0}.pin-modal{background:#fff;border-radius:12px;width:400px;max-width:90%;box-shadow:0 10px 30px #0000004d}.pin-modal-header{background:linear-gradient(135deg,var(--warning),#e67e22);color:#fff;padding:20px;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:center}.pin-modal-header h3{margin:0;font-size:18px}.pin-close-btn{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.pin-modal-body{padding:30px}.pin-input-group{margin-bottom:20px}.pin-input-group label{display:block;margin-bottom:10px;font-weight:500;color:#333}.pin-input{width:100%;padding:15px;font-size:24px;text-align:center;border:2px solid #ddd;border-radius:8px;font-family:monospace;letter-spacing:8px}.pin-input:focus{outline:none;border-color:var(--warning)}.pin-error{color:var(--error);font-size:14px;margin-top:8px;text-align:center}.pin-buttons{display:flex;gap:10px;justify-content:center}.pin-buttons button{padding:12px 24px;border:none;border-radius:6px;cursor:pointer;font-weight:500}.pin-buttons button:first-child{background:#f8f9fa;color:#333;border:1px solid #ddd}.pin-buttons button:last-child{background:linear-gradient(135deg,var(--warning),#e67e22);color:#fff}.pin-buttons button:disabled{opacity:.6;cursor:not-allowed}.pin-success-state{text-align:center;padding:20px 0}.success-icon{margin-bottom:20px;animation:successBounce .6s ease-out}.success-title{color:#10b981;font-size:24px;font-weight:600;margin:0 0 10px}.success-message{color:#666;font-size:16px;margin:0 0 30px;line-height:1.5}.redirecting-spinner{display:flex;flex-direction:column;align-items:center;gap:10px}.spinner{width:24px;height:24px;border:3px solid #f3f3f3;border-top:3px solid var(--warning);border-radius:50%;animation:spin 1s linear infinite}.redirecting-spinner span{color:#666;font-size:14px;font-weight:500}@keyframes successBounce{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pin-modal-overlay{animation:modalFadeIn .3s ease-out}.pin-modal{animation:modalSlideIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.email-capture-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#2a2a2ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease-out}.email-capture-modal{background:#fff;border-radius:24px;max-width:500px;width:100%;padding:48px;position:relative;box-shadow:0 24px 80px #0003;animation:slideUp .3s ease-out}.modal-close-button{position:absolute;top:16px;right:16px;background:#0000;border:none;color:#6c757d;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close-button:hover{background:#b8e6e633;color:#2a2a2a}.modal-close-button svg{width:24px;height:24px}.modal-header{text-align:center;margin-bottom:32px}.modal-icon{width:64px;height:64px;background:linear-gradient(135deg,#b8e6e6,#8fcbcb);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.modal-icon svg{width:32px;height:32px;color:#2a2a2a}.modal-header h2{font-size:28px;font-weight:700;color:#2a2a2a;margin:0 0 12px}.modal-header p{font-size:15px;color:#6c757d;line-height:1.6;margin:0}.email-capture-form{gap:20px}.email-capture-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{font-size:14px;font-weight:600;color:#2a2a2a}.form-group input{padding:14px 16px;border:2px solid #e8dcc0;border-radius:12px;font-size:15px;color:#2a2a2a;background:#faf2e04d;transition:all .2s ease}.form-group input:focus{outline:none;border-color:#8fcbcb;background:#fff;box-shadow:0 0 0 4px #b8e6e61a}.form-group input::placeholder{color:#adb5bd}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.error-message{background:#ff52521a;border:1px solid #ff52524d;border-radius:8px;padding:12px 16px;color:#d32f2f;font-size:14px;font-weight:500}.submit-button{width:100%;background:linear-gradient(135deg,#b8e6e6,#8fcbcb)!important;color:#2a2a2a!important;border:none!important;border-radius:12px;padding:16px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #b8e6e666;margin-top:8px}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #b8e6e680}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.7;cursor:not-allowed}.trust-text{text-align:center;font-size:13px;color:#6c757d;margin:0}@media (max-width:640px){.email-capture-modal{padding:32px 24px}.modal-header h2{font-size:24px}.form-row{grid-template-columns:1fr;gap:20px}}.custom-alert-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out}.custom-alert-modal{background:#fff;border-radius:16px;padding:0;max-width:400px;width:90%;box-shadow:0 20px 40px #0000004d;animation:slideUp .3s ease-out;overflow:hidden}.custom-alert-modal.warning-enhanced{border:2px solid #f59e0b;box-shadow:0 20px 40px #f59e0b33,0 0 0 4px #f59e0b1a}.alert-header{padding:24px 24px 16px;border-bottom:1px solid #e2e8f0}.alert-title{font-size:18px;font-weight:600;color:#1f2937;margin:0;line-height:1.3}.alert-content{padding:16px 24px}.alert-message{font-size:16px;color:#4b5563;margin:0;line-height:1.5}.alert-footer{padding:16px 24px 24px;display:flex;justify-content:flex-end}.alert-button{background:var(--brand-secondary);color:#fff;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:80px}.alert-button:hover{background:var(--brand-coral);transform:translateY(-1px);box-shadow:0 4px 12px #f4a2614d}.alert-button:active{transform:translateY(0)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:480px){.custom-alert-modal{margin:20px;width:calc(100% - 40px)}.alert-content,.alert-footer,.alert-header{padding-left:20px;padding-right:20px}}.success-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease-out}.success-modal{background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:slideInUp .4s ease-out;position:relative}.modal-header{justify-content:center;padding:32px 24px 0}.success-icon{display:flex;align-items:center;justify-content:center;animation:bounceIn .6s ease-out}.modal-close{position:absolute;top:16px;right:16px;padding:8px;border-radius:8px}.modal-body{padding:0 24px 24px;text-align:center}.modal-title{font-size:28px;font-weight:700;margin:0 0 8px;animation:fadeInUp .5s ease-out .2s both}.modal-subtitle{font-size:16px;color:#6b7280;margin:0 0 16px;animation:fadeInUp .5s ease-out .3s both}.modal-message{font-size:16px;color:var(--gray-700);margin:0 0 24px;line-height:1.6;animation:fadeInUp .5s ease-out .4s both}.features-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;padding:24px;margin:24px 0;border:1px solid #e2e8f0;animation:fadeInUp .5s ease-out .5s both}.features-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 16px}.features-list{list-style:none;padding:0;margin:0;text-align:left}.feature-item{display:flex;align-items:center;margin-bottom:12px;font-size:15px;color:var(--gray-700);animation:slideInLeft .4s ease-out}.feature-item:last-child{margin-bottom:0}.feature-item svg{margin-right:12px;flex-shrink:0}.modal-footer{padding:0 24px 32px;justify-content:center}.btn{padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;transition:all .3s ease;min-width:160px;box-shadow:0 4px 12px #00000026;animation:fadeInUp .5s ease-out .6s both}.btn-primary{background-color:#10b981}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@media (max-width:640px){.success-modal-overlay{padding:16px}.success-modal{border-radius:16px}.modal-body,.modal-footer,.modal-header{padding-left:20px;padding-right:20px}.modal-title{font-size:24px}.modal-message,.modal-subtitle{font-size:15px}.features-section{padding:20px}.btn{padding:14px 28px;font-size:15px}}.duplicate-email-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease-out}.duplicate-email-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:slideInUp .3s ease-out}.modal-header{display:flex;align-items:center;padding:24px 24px 0;position:relative}.modal-icon{margin-right:12px;flex-shrink:0}.modal-title{font-size:20px;font-weight:600;color:#1f2937;margin:0;flex:1 1}.modal-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease;flex-shrink:0}.modal-close:hover{background-color:#f3f4f6;color:var(--gray-700)}.modal-body{padding:24px}.info-section{display:flex;align-items:flex-start;margin-bottom:24px}.info-icon{margin-right:12px;margin-top:2px;flex-shrink:0}.info-content{flex:1 1}.info-text{font-size:16px;color:var(--gray-700);margin:0 0 8px;line-height:1.5}.info-subtext{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.benefits-section{background-color:#f8fafc;border-radius:12px;padding:20px;border:1px solid #e2e8f0}.benefits-title{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 16px}.benefits-list{list-style:none;padding:0;margin:0}.benefit-item{display:flex;align-items:center;margin-bottom:12px;font-size:14px;color:var(--gray-700)}.benefit-item:last-child{margin-bottom:0}.benefit-item svg{margin-right:8px;flex-shrink:0}.modal-footer{padding:0 24px 24px;display:flex;justify-content:flex-end}.btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;min-width:120px}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover{background-color:#2563eb;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.duplicate-email-modal-overlay{padding:16px}.duplicate-email-modal{border-radius:12px}.modal-body,.modal-footer,.modal-header{padding-left:20px;padding-right:20px}.modal-title{font-size:18px}.info-text{font-size:15px}.benefits-section{padding:16px}}.blog-page{min-height:100vh;background:#fbf8f4}.blog-main{max-width:680px;margin:0 auto;padding:120px 20px 60px}.blog-header{text-align:center;margin-bottom:40px}.blog-header h1{font-family:"Source Serif 4",Georgia,serif;font-size:28px;font-weight:400;color:#3d2b1f;letter-spacing:-.01em;margin:0 0 8px}.blog-header p{font-family:DM Sans,sans-serif;font-size:15px;color:#8b7b6b;margin:0}.blog-articles{display:flex;flex-direction:column;gap:20px}.blog-card{background:#fff;border:1px solid #c2703a14;border-radius:14px;padding:24px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 12px #c2703a0f}.blog-card:hover{transform:translateY(-2px);box-shadow:0 6px 24px #c2703a1f;border-color:#c2703a26}.blog-card__meta{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-family:DM Sans,sans-serif;font-size:13px;color:#8b7b6b}.blog-card__dot{color:#c2703a4d}.blog-card__title{font-family:"Source Serif 4",Georgia,serif;font-size:20px;font-weight:400;color:#3d2b1f;letter-spacing:-.01em;margin:0 0 10px;line-height:1.35}.blog-card__excerpt{color:#6b5b50;line-height:1.6;margin:0 0 14px}.blog-card__excerpt,.blog-card__link{font-family:DM Sans,sans-serif;font-size:14px}.blog-card__link{font-weight:600;color:#c2703a;text-decoration:none;transition:color .2s ease}.blog-card__link:hover{color:#a05a2c}.blog-cta-banner{background:linear-gradient(135deg,#3d2b1f,#6b4226);border-radius:14px;padding:32px 28px;text-align:center}.blog-cta-banner h3{font-family:"Source Serif 4",Georgia,serif;font-size:20px;font-weight:400;color:#fff;margin:0 0 8px;letter-spacing:-.01em}.blog-cta-banner p{color:#ffffffb3;margin:0 0 20px}.blog-cta-banner p,.blog-cta-banner__btn{font-family:DM Sans,sans-serif;font-size:14px}.blog-cta-banner__btn{background:linear-gradient(135deg,#c2703a,#d4915f);border:none;color:#fff;font-weight:600;padding:12px 28px;border-radius:10px;cursor:pointer;box-shadow:0 4px 16px #c2703a66;transition:all .3s cubic-bezier(.16,1,.3,1)}.blog-cta-banner__btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #c2703a80}.blog-newsletter{margin-top:48px;text-align:center;padding:40px 24px;background:#c2703a0a;border-radius:16px;border:1px solid #c2703a14}.blog-newsletter h2{font-family:"Source Serif 4",Georgia,serif;font-size:22px;font-weight:400;color:#3d2b1f;margin:0 0 8px;letter-spacing:-.01em}.blog-newsletter p{font-family:DM Sans,sans-serif;font-size:14px;color:#8b7b6b;margin:0 0 20px}.blog-newsletter__form{display:flex;gap:10px;max-width:420px;margin:0 auto}.blog-newsletter__input{flex:1 1;padding:12px 16px;border:1px solid #c2703a26;border-radius:10px;font-family:DM Sans,sans-serif;font-size:14px;color:#3d2b1f;background:#fff;outline:none;transition:border-color .2s ease}.blog-newsletter__input::placeholder{color:#a89888}.blog-newsletter__input:focus{border-color:#c2703a}.blog-newsletter__btn{background:linear-gradient(135deg,#c2703a,#d4915f);border:none;color:#fff;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;padding:12px 24px;border-radius:10px;cursor:pointer;white-space:nowrap;box-shadow:0 4px 16px #c2703a40;transition:all .3s cubic-bezier(.16,1,.3,1)}.blog-newsletter__btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #c2703a59}.blog-newsletter__btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.blog-newsletter__success h2{color:#3d2b1f;margin-bottom:8px}.blog-newsletter__success p{margin:0}.blog-newsletter__error{color:#d32f2f;font-size:13px;margin:10px 0 0}@media (max-width:768px){.blog-main{padding:100px 16px 48px}.blog-header h1{font-size:24px}.blog-card{padding:20px}.blog-card__title{font-size:18px}.blog-cta-banner{padding:28px 20px}}@media (max-width:480px){.blog-main{padding:96px 14px 40px}.blog-header h1{font-size:22px}.blog-card{padding:18px}.blog-card__title{font-size:17px}.blog-cta-banner{padding:24px 16px}.blog-cta-banner h3{font-size:18px}.blog-newsletter{padding:32px 18px}.blog-newsletter h2{font-size:20px}.blog-newsletter__form{flex-direction:column}}.blogpost-main{max-width:680px;margin:0 auto;padding:120px 20px 60px}.blogpost-back{display:inline-block;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:#c2703a;text-decoration:none;margin-bottom:28px;transition:color .2s ease}.blogpost-back:hover{color:#a05a2c}.blogpost-not-found{text-align:center;padding:60px 20px}.blogpost-not-found h1{font-family:"Source Serif 4",Georgia,serif;font-size:24px;font-weight:400;color:#3d2b1f;margin:0 0 8px}.blogpost-not-found p{font-family:DM Sans,sans-serif;font-size:14px;color:#8b7b6b;margin:0 0 20px}.blogpost-article{margin-bottom:40px}.blogpost-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-family:DM Sans,sans-serif;font-size:13px;color:#8b7b6b;margin-bottom:16px}.blogpost-title{font-family:"Source Serif 4",Georgia,serif;font-size:28px;font-weight:400;color:#3d2b1f;letter-spacing:-.01em;line-height:1.3;margin:0 0 32px}.blogpost-body{font-family:DM Sans,sans-serif;font-size:16px;color:#3d2b1f;line-height:1.7}.blogpost-body p{margin:0 0 20px}.blogpost-body h2{font-size:22px;letter-spacing:-.01em;margin:36px 0 14px}.blogpost-body h2,.blogpost-body h3{font-family:"Source Serif 4",Georgia,serif;font-weight:400;color:#3d2b1f}.blogpost-body h3{font-size:18px;margin:28px 0 10px}.blogpost-body ol,.blogpost-body ul{margin:0 0 20px;padding-left:24px}.blogpost-body li{margin-bottom:8px;line-height:1.6}.blogpost-body em{color:#6b5b50}.blogpost-body strong{font-weight:600;color:#3d2b1f}.blogpost-body blockquote{margin:24px 0;padding:16px 20px;border-left:3px solid #c2703a4d;background:#c2703a08;border-radius:0 10px 10px 0;font-style:italic;color:#6b5b50}.blogpost-cta{background:linear-gradient(135deg,#3d2b1f,#6b4226);border-radius:14px;padding:32px 28px;text-align:center;margin-bottom:40px}.blogpost-cta h3{font-family:"Source Serif 4",Georgia,serif;font-size:20px;font-weight:400;color:#fff;margin:0 0 8px;letter-spacing:-.01em}.blogpost-cta p{color:#ffffffb3;margin:0 0 20px}.blogpost-cta p,.blogpost-cta__btn{font-family:DM Sans,sans-serif;font-size:14px}.blogpost-cta__btn{background:linear-gradient(135deg,#c2703a,#d4915f);border:none;color:#fff;font-weight:600;padding:12px 28px;border-radius:10px;cursor:pointer;box-shadow:0 4px 16px #c2703a66;transition:all .3s cubic-bezier(.16,1,.3,1)}.blogpost-cta__btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #c2703a80}.blogpost-newsletter{margin-bottom:40px;text-align:center;padding:28px 24px;background:#c2703a0a;border-radius:14px;border:1px solid #c2703a14}.blogpost-newsletter h3{font-family:"Source Serif 4",Georgia,serif;font-size:18px;font-weight:400;color:#3d2b1f;margin:0 0 12px}.blogpost-newsletter__form{display:flex;gap:10px;max-width:400px;margin:0 auto}.blogpost-newsletter__input{flex:1 1;padding:10px 14px;border:1px solid #c2703a26;border-radius:10px;font-family:DM Sans,sans-serif;font-size:14px;color:#3d2b1f;background:#fff;outline:none;transition:border-color .2s ease}.blogpost-newsletter__input::placeholder{color:#a89888}.blogpost-newsletter__input:focus{border-color:#c2703a}.blogpost-newsletter__btn{background:linear-gradient(135deg,#c2703a,#d4915f);border:none;color:#fff;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;padding:10px 20px;border-radius:10px;cursor:pointer;white-space:nowrap;transition:all .3s cubic-bezier(.16,1,.3,1)}.blogpost-newsletter__btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #c2703a4d}.blogpost-newsletter__btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.blogpost-newsletter__success p{font-family:DM Sans,sans-serif;font-size:14px;color:#3d2b1f;margin:0}.blogpost-newsletter__error{font-family:DM Sans,sans-serif;color:#d32f2f;font-size:13px;margin:10px 0 0}.blogpost-related{margin-bottom:20px}.blogpost-related h3{font-family:"Source Serif 4",Georgia,serif;font-size:18px;font-weight:400;color:#3d2b1f;margin:0 0 16px}.blogpost-related__grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.blogpost-related__card{background:#fff;border:1px solid #c2703a14;border-radius:12px;padding:18px;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #c2703a0f}.blogpost-related__card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #c2703a1f;border-color:#c2703a26}.blogpost-related__date{font-family:DM Sans,sans-serif;font-size:12px;color:#8b7b6b;display:block;margin-bottom:6px}.blogpost-related__card h4{font-family:"Source Serif 4",Georgia,serif;font-size:15px;font-weight:400;color:#3d2b1f;margin:0 0 6px;line-height:1.35}.blogpost-related__card p{font-family:DM Sans,sans-serif;font-size:13px;color:#8b7b6b;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:768px){.blogpost-main{padding:100px 16px 48px}.blogpost-title{font-size:24px}.blogpost-body{font-size:15px}.blogpost-body h2{font-size:20px}.blogpost-related__grid{grid-template-columns:1fr}}@media (max-width:480px){.blogpost-main{padding:96px 14px 40px}.blogpost-title{font-size:22px;margin-bottom:24px}.blogpost-body{font-size:14.5px}.blogpost-cta{padding:24px 18px}.blogpost-cta h3{font-size:18px}.blogpost-newsletter{padding:24px 16px}.blogpost-newsletter__form{flex-direction:column}}.seo-dashboard-toggle{position:fixed;top:20px;right:20px;z-index:9999;background:var(--brand-primary);color:var(--gray-900);border:none;border-radius:50%;width:50px;height:50px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #feca574d;transition:all .3s ease}.seo-dashboard-toggle:hover{transform:scale(1.1);box-shadow:0 6px 16px #feca5766}.seo-dashboard{position:fixed;top:80px;right:20px;width:400px;max-height:80vh;background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 8px 32px #0000001a;z-index:9998;overflow:hidden;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.seo-dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8f9fa;border-bottom:1px solid #e1e5e9}.seo-dashboard-header h3{margin:0;font-size:1.1rem;color:var(--gray-900);font-weight:600}.seo-dashboard-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.seo-dashboard-close:hover{background:#e9ecef;color:var(--gray-900)}.seo-dashboard-content{padding:1rem;max-height:calc(80vh - 80px);overflow-y:auto}.seo-section{margin-bottom:1.5rem}.seo-section:last-child{margin-bottom:0}.seo-section h4{margin:0 0 .75rem;font-size:.9rem;color:var(--gray-900);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.seo-section h5{margin:0 0 .5rem;font-size:.85rem;color:#666;font-weight:600}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem}.metric-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#f8f9fa;border-radius:6px;font-size:.8rem}.metric-label{font-weight:600;color:#666}.metric-value{font-weight:500;color:var(--gray-900);font-family:Courier New,monospace}.seo-score{gap:1rem}.score-circle,.seo-score{display:flex;align-items:center}.score-circle{width:60px;height:60px;border-radius:50%;justify-content:center;position:relative;background:#e0e0e0}.score-circle:before{content:"";position:absolute;top:4px;left:4px;right:4px;bottom:4px;background:#fff;border-radius:50%;z-index:1}.score-value{font-size:1.2rem;font-weight:700;color:var(--gray-900);z-index:2}.score-details{flex:1 1}.score-label{font-size:.9rem;font-weight:600;color:var(--gray-900);margin-bottom:.5rem}.score-breakdown{display:flex;flex-direction:column;gap:.25rem}.breakdown-item{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.breakdown-metric{color:#666;font-weight:500}.breakdown-score{font-weight:600;font-family:Courier New,monospace}.analysis-stats{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.5rem;gap:.5rem;margin-bottom:1rem}.stat-item{padding:.5rem;background:#f8f9fa;border-radius:6px}.stat-label{font-size:.7rem;margin-bottom:.25rem}.stat-value{font-size:.9rem;font-weight:600;color:var(--gray-900);font-family:Courier New,monospace}.suggestions{margin-top:1rem}.suggestion{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem;margin-bottom:.5rem;border-radius:6px;font-size:.8rem;line-height:1.4}.suggestion-warning{background:#fff3cd;border-left:3px solid var(--warning)}.suggestion-info{background:#d1ecf1;border-left:3px solid #17a2b8}.suggestion-priority{font-size:.7rem;font-weight:600;text-transform:uppercase;padding:.25rem .5rem;border-radius:3px;white-space:nowrap;flex-shrink:0}.suggestion-warning .suggestion-priority{background:var(--warning);color:var(--gray-900)}.suggestion-info .suggestion-priority{background:#17a2b8;color:#fff}.suggestion-message{color:var(--gray-900);flex:1 1}.quick-actions{display:flex;flex-direction:column;gap:.5rem}.action-btn{padding:.5rem .75rem;background:#f8f9fa;border:1px solid #e1e5e9;border-radius:6px;font-size:.8rem;color:var(--gray-900);cursor:pointer;transition:all .2s ease;text-align:left}.action-btn:hover{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--gray-900)}@media (max-width:768px){.seo-dashboard{width:calc(100vw - 40px);right:20px;left:20px}.analysis-stats,.metrics-grid{grid-template-columns:1fr}.seo-score{flex-direction:column;text-align:center}}.trial-experience-section{padding:80px 24px;background:linear-gradient(135deg,#f7e8c8,#faf2e0 50%,#d8f0f0);position:relative;overflow:hidden}.trial-experience-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,#b8e6e64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#f7e8c84d 0,#0000 50%);pointer-events:none}.trial-container{max-width:800px;margin:0 auto;position:relative;z-index:1}.trial-header{text-align:center;margin-bottom:48px}.trial-badge{display:inline-block;background:linear-gradient(135deg,#b8e6e6,#8fcbcb);color:#2a2a2a;padding:8px 20px;border-radius:24px;font-size:14px;font-weight:600;margin-bottom:16px;box-shadow:0 2px 12px #b8e6e666}.trial-title{font-size:42px;font-weight:800;color:#2a2a2a;margin:0 0 16px;line-height:1.2}.trial-subtitle{font-size:18px;color:#495057;line-height:1.6;max-width:600px;margin:0 auto}.trial-phone-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:48px;text-align:center;box-shadow:0 20px 60px #00000014,0 0 0 1px #b8e6e61a;margin-bottom:32px;border:2px solid #b8e6e64d;transition:all .3s ease}.trial-phone-card:hover{transform:translateY(-4px);box-shadow:0 24px 70px #0000001f,0 0 0 2px #b8e6e64d}.phone-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#b8e6e6,#8fcbcb);border-radius:50%;margin-bottom:24px;box-shadow:0 8px 24px #b8e6e666}.phone-icon{width:40px;height:40px;color:#2a2a2a}.phone-number-display{margin-bottom:24px}.phone-label{font-size:14px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:1px}.phone-label,.phone-number{display:block;margin-bottom:8px}.phone-number{font-size:48px;font-weight:800;color:#2a2a2a;text-decoration:none;letter-spacing:-1px;transition:color .2s ease}.phone-number:hover{color:#8fcbcb}.copy-button{background:linear-gradient(135deg,#f7e8c8,#e8d4a8);color:#2a2a2a;border:2px solid #e8dcc0;padding:12px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #e8d4a84d}.copy-button:hover{background:linear-gradient(135deg,#e8d4a8,#f7e8c8);transform:translateY(-2px);box-shadow:0 6px 20px #e8d4a866}.copy-button:active{transform:translateY(0)}.trial-trust-signals{display:flex;justify-content:center;gap:32px;margin-bottom:40px;flex-wrap:wrap}.trust-item{display:flex;align-items:center;gap:8px;font-size:15px;color:#495057;font-weight:500}.trust-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:linear-gradient(135deg,#b8e6e6,#8fcbcb);color:#2a2a2a;border-radius:50%;font-size:14px;font-weight:700}.how-it-works-section{background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:24px;margin-bottom:40px;border:1px solid #b8e6e633}.how-it-works-toggle{width:100%;background:#0000;border:none;padding:0;font-size:16px;font-weight:600;color:#2a2a2a;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:color .2s ease}.how-it-works-toggle:hover{color:#8fcbcb}.toggle-arrow{width:20px;height:20px;transition:transform .3s ease}.toggle-arrow.open{transform:rotate(180deg)}.how-it-works-content{margin-top:32px;display:grid;grid-gap:24px;gap:24px}.step{display:flex;gap:20px;align-items:flex-start}.step-number{flex-shrink:0;width:48px;height:48px;background:linear-gradient(135deg,#b8e6e6,#8fcbcb);color:#2a2a2a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;box-shadow:0 4px 12px #b8e6e64d}.step-content h4{margin:0 0 8px;font-size:18px;font-weight:700;color:#2a2a2a}.step-content p{margin:0;font-size:15px;color:#6c757d;line-height:1.5}.trial-testimonial{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:32px;text-align:center;border-left:4px solid #b8e6e6;box-shadow:0 4px 16px #0000000f}.testimonial-text{font-size:17px;font-style:italic;color:#495057;line-height:1.7;margin:0 0 16px}.testimonial-author{font-size:14px;font-weight:600;color:#6c757d;margin:0}@media (max-width:768px){.trial-experience-section{padding:60px 20px}.trial-title{font-size:32px}.trial-subtitle{font-size:16px}.trial-phone-card{padding:32px 24px}.phone-number{font-size:36px}.trial-trust-signals{gap:16px}.step,.trial-trust-signals{flex-direction:column;align-items:center}.step{text-align:center}.step-number{margin-bottom:12px}}@media (max-width:480px){.phone-number,.trial-title{font-size:28px}.trial-phone-card{padding:24px 16px}}.btn-common{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-family:var(--font-primary);font-weight:var(--font-weight-semibold);border:var(--border-width-medium) solid #0000;border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-all);text-decoration:none;white-space:nowrap;line-height:var(--line-height-tight);position:relative}.btn-common:focus{outline:none;box-shadow:var(--shadow-focus-aqua)}.btn-common:active{transform:translateY(0)}.btn-common--small{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);border-radius:var(--border-radius-sm)}.btn-common--medium{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base)}.btn-common--large{padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--font-size-lg);border-radius:var(--border-radius-lg)}.btn-common--primary{background:var(--gradient-aqua);color:var(--color-text-primary);box-shadow:var(--shadow-aqua-sm)}.btn-common--primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-aqua-blue-soft) 0,var(--color-aqua-blue) 100%);transform:translateY(-2px);box-shadow:var(--shadow-aqua-md)}.btn-common--secondary{background:var(--gradient-sand);color:var(--color-text-primary);box-shadow:var(--shadow-sand-sm)}.btn-common--secondary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-beach-sand-light) 0,var(--color-beach-sand) 100%);transform:translateY(-2px);box-shadow:var(--shadow-sand-md)}.btn-common--outline{background:#0000;color:var(--color-text-primary);border-color:var(--color-aqua-blue)}.btn-common--outline:hover:not(:disabled){background:var(--color-aqua-blue-light);border-color:var(--color-aqua-blue-dark);transform:translateY(-2px)}.btn-common--ghost{background:#0000;color:var(--color-text-secondary);border-color:#0000}.btn-common--ghost:hover:not(:disabled){background:var(--color-gray-100);color:var(--color-text-primary)}.btn-common--danger{background:var(--color-error);color:var(--color-white);box-shadow:0 4px 15px #ef44444d}.btn-common--danger:hover:not(:disabled){background:#dc2626;transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.btn-common--danger:focus{box-shadow:0 0 0 4px #ef44444d}.btn-common:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none}.btn-common--loading{cursor:wait;position:relative}.btn-common--loading .btn-common__icon,.btn-common--loading .btn-common__text{visibility:hidden}.btn-common--full-width{width:100%}.btn-common__icon{display:inline-flex;align-items:center;font-size:1.2em}.btn-common__icon--left{margin-right:calc(var(--spacing-sm) * -.5)}.btn-common__icon--right{margin-left:calc(var(--spacing-sm) * -.5)}.btn-common__spinner{position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border:3px solid #0000001a;border-radius:50%;border-top-color:initial;animation:btn-spinner .8s linear infinite}@keyframes btn-spinner{to{transform:rotate(1turn)}}@media (max-width:640px){.btn-common--small{padding:6px 12px;font-size:var(--font-size-xs)}.btn-common--medium{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm)}.btn-common--large{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base)}}.input-common{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.input-common__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-snug)}.input-common__required{color:var(--color-error);margin-left:var(--spacing-xs)}.input-common__wrapper{position:relative;display:flex;align-items:center}.input-common__field{width:100%;padding:var(--spacing-md) var(--spacing-lg);font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--color-text-primary);background:var(--color-bg-primary);border:var(--border-width-medium) solid var(--color-border-soft);border-radius:var(--border-radius-md);transition:var(--transition-all);line-height:var(--line-height-normal)}.input-common__field::placeholder{color:var(--color-text-disabled)}.input-common__field:hover:not(:disabled):not(:read-only){border-color:var(--color-border-medium)}.input-common__field:focus{outline:none;border-color:var(--color-aqua-blue-soft);box-shadow:var(--shadow-focus-aqua)}.input-common__field--icon-left{padding-left:calc(var(--spacing-2xl) + var(--spacing-lg))}.input-common__field--icon-right{padding-right:calc(var(--spacing-2xl) + var(--spacing-lg))}.input-common__field--error{border-color:var(--color-error)}.input-common__field--error:focus{border-color:var(--color-error);box-shadow:0 0 0 4px #ef44444d}.input-common--disabled .input-common__field{background:var(--color-gray-100);color:var(--color-text-disabled);cursor:not-allowed;border-color:var(--color-border-light)}.input-common__field--readonly{background:var(--color-gray-50);cursor:default}.input-common__field--readonly:focus{box-shadow:none;border-color:var(--color-border-soft)}.input-common__icon{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);font-size:var(--font-size-lg)}.input-common__icon--left{left:var(--spacing-lg)}.input-common__icon--right{right:var(--spacing-lg)}.input-common__helper{color:var(--color-text-tertiary)}.input-common__error,.input-common__helper{margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-snug)}.input-common__error{color:var(--color-error);font-weight:var(--font-weight-medium)}@media (max-width:640px){.input-common__field{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.input-common__field--icon-left{padding-left:calc(var(--spacing-xl) + var(--spacing-md))}.input-common__field--icon-right{padding-right:calc(var(--spacing-xl) + var(--spacing-md))}.input-common__icon--left{left:var(--spacing-md)}.input-common__icon--right{right:var(--spacing-md)}}.card-common{background:var(--color-bg-primary);border-radius:var(--border-radius-lg);overflow:hidden;transition:var(--transition-all);text-align:left;width:100%}.card-common:focus{outline:none;box-shadow:var(--shadow-focus-aqua)}.card-common--default{background:#fffffff2;border:var(--border-width-thin) solid var(--color-border-light);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-common--elevated{background:var(--color-bg-primary);box-shadow:var(--shadow-lg);border:none}.card-common--outlined{background:var(--color-bg-primary);border:var(--border-width-medium) solid var(--color-border-soft);box-shadow:none}.card-common--flat{background:var(--color-bg-secondary);border:none;box-shadow:none}.card-common--hoverable:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.card-common--hoverable.card-common--flat:hover{box-shadow:var(--shadow-md)}.card-common--clickable{cursor:pointer;border:none;padding:0;font:inherit}.card-common--clickable:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.card-common--clickable:active{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-common__header{padding:var(--spacing-xl);border-bottom:var(--border-width-thin) solid var(--color-border-light)}.card-common__title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-snug)}.card-common__body,.card-common__footer{padding:var(--spacing-xl)}.card-common__footer{border-top:var(--border-width-thin) solid var(--color-border-light);background:var(--color-bg-secondary)}@media (max-width:640px){.card-common__body,.card-common__footer,.card-common__header{padding:var(--spacing-lg)}.card-common__title{font-size:var(--font-size-lg)}}@keyframes waveform{0%{height:4px}50%{height:22px}to{height:4px}}@keyframes slideInSeq{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animation-wrapper{will-change:opacity,transform}.fade-up{opacity:0;transform:translateY(36px);transition:opacity .7s ease-out,transform .7s ease-out}.fade-up.in-view{opacity:1;transform:translateY(0)}.fade-scale{opacity:0;transform:scale(.96);transition:opacity .6s ease-out,transform .6s ease-out}.fade-scale.in-view{opacity:1;transform:scale(1)}.slide-in{opacity:0;transition:opacity .7s ease-out,transform .7s ease-out}.slide-in-left{transform:translateX(-40px)}.slide-in-right{transform:translateX(40px)}.slide-in.in-view{opacity:1;transform:translateX(0)}.pulse-animation{animation:pulse 1.4s ease-in-out infinite}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal.revealed{opacity:1;transform:translateY(0)}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:var(--gradient-cream);font-family:var(--font-sans)}.hero-decoration{position:absolute;border-radius:50%;pointer-events:none}.hero-decoration-top{top:-120px;right:-80px;width:500px;height:500px;background:radial-gradient(circle,#b8e6e633 0,#0000 70%)}.hero-decoration-bottom{bottom:-60px;left:-100px;width:400px;height:400px;background:radial-gradient(circle,#c2703a14 0,#0000 70%)}.hero-grain{position:absolute;inset:0;opacity:.4;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E")}.hero-container{max-width:1200px;margin:0 auto;position:relative;z-index:2;padding:120px 24px 80px;display:grid;grid-template-columns:1fr 340px;align-items:center;grid-gap:48px;gap:48px}.hero-container-tablet{display:block;grid-template-columns:1fr}.hero-content{max-width:680px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:50px;background:#c2703a14;margin-bottom:28px}.hero-badge span{font-size:13px;color:var(--color-terracotta);font-weight:600;letter-spacing:.03em}.hero-headline{font-family:var(--font-serif);font-size:clamp(36px,5.5vw,62px);font-weight:800;color:var(--color-warm-brown);letter-spacing:-.035em;line-height:1.08;margin-bottom:24px}.hero-headline-gradient{background:var(--gradient-terracotta);-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text}.hero-subheadline{font-family:var(--font-sans);font-size:clamp(16px,1.8vw,19px);color:var(--color-warm-brown-light);line-height:1.65;font-weight:400;max-width:580px;margin-bottom:40px}.hero-cta-container{display:flex;gap:16px;flex-wrap:wrap}.hero-cta-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 36px;background:var(--gradient-aqua);color:#1a3a3a;font-family:var(--font-sans);font-weight:600;font-size:16px;border-radius:50px;border:none;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 20px #8fcbcb59}.hero-cta-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #8fcbcb80}.hero-cta-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 36px;background:#0000;color:var(--color-terracotta);font-family:var(--font-sans);font-weight:600;font-size:16px;border-radius:50px;border:2px solid var(--color-terracotta);cursor:pointer;transition:all .25s ease}.hero-cta-secondary:hover{background:#c2703a14}.hero-stats{margin-top:48px;display:flex;gap:44px;flex-wrap:wrap}.hero-stat-value{font-family:var(--font-serif);font-size:clamp(22px,3vw,30px);font-weight:700;color:var(--color-terracotta)}.hero-stat-label{font-size:13px;color:var(--color-warm-brown-muted);font-weight:500;margin-top:2px}.hero-phone-container{perspective:1000px}.hero-phone{width:280px;height:540px;border-radius:40px;background:#fff;box-shadow:0 40px 80px #3d2b1f1f,0 8px 32px #3d2b1f0f;border:6px solid #e8e0d8;overflow:hidden;position:relative}.hero-phone-header{background:var(--gradient-terracotta);padding:48px 24px 24px;text-align:center;color:#fff}.hero-phone-avatar{width:56px;height:56px;border-radius:50%;background:#fff3;margin:0 auto 12px;display:flex;align-items:center;justify-content:center}.hero-phone-name{font-family:var(--font-serif);font-size:18px;font-weight:600}.hero-phone-subtitle{font-size:12px;opacity:.8;margin-top:4px}.hero-phone-messages{padding:16px}.hero-message{padding:10px 14px;margin-bottom:8px;font-size:12.5px;line-height:1.5;max-width:88%}.hero-message-lila{background:#f0ebe5;border-radius:16px 16px 16px 4px;color:var(--color-warm-brown)}.hero-message-user{background:var(--gradient-aqua);border-radius:16px 16px 4px 16px;margin-left:auto;color:#1a3a3a}.hero-typing-indicator{display:flex;gap:4px;padding:10px 14px;background:#f0ebe5;border-radius:16px 16px 16px 4px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.hero-typing-dot{width:6px;height:6px;border-radius:50%;background:#b0a296;animation:pulse 1.4s ease-in-out infinite}.hero-typing-dot:nth-child(2){animation-delay:.2s}.hero-typing-dot:nth-child(3){animation-delay:.4s}.animate-fade-up{animation:fadeUp .6s ease-out both}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}.float-animation{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width:768px){.hero-container{padding-top:20px;padding-bottom:40px}.hero-cta-primary,.hero-cta-secondary{width:100%}.hero-stats{gap:24px}.hero-badge span{font-size:12px}}@media (max-width:480px){.hero-container{padding-top:80px;padding-bottom:48px}.hero-badge{padding:6px 12px}.hero-stats{flex-direction:column;gap:16px}}.security-section{background:#fbf8f4;padding:64px 0}.security-section-mobile{padding:48px 0}.security-container{max-width:1200px;margin:0 auto;padding:0 24px}.security-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;text-align:center}.security-grid-mobile{grid-template-columns:repeat(2,1fr);gap:12px}.security-badge{padding:20px 16px;background:#fff9;border-radius:16px;border:1px solid #3d2b1f0d;transition:transform .2s ease,box-shadow .2s ease}.security-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000a}.security-badge-icon{margin-bottom:12px;display:flex;justify-content:center}.security-badge-label{font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--color-warm-brown-light)}@media (max-width:480px){.security-badge{padding:16px 12px}.security-badge-label{font-size:12px}}.testimonial{background:#fffffff2;border-radius:16px;padding:32px;box-shadow:0 4px 20px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #e8dcc04d;transition:all .3s ease;height:100%;display:flex;flex-direction:column}.testimonial:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.testimonial-stars{display:flex;gap:4px;margin-bottom:16px}.testimonial-stars .star-filled{color:gold;font-size:18px}.testimonial-stars .star-empty{color:#e0e0e0;font-size:18px}.testimonial-quote{font-size:16px;line-height:1.7;color:#2a2a2a;margin:0 0 24px;font-style:italic;flex-grow:1}.testimonial-author{display:flex;align-items:center;gap:12px;margin-top:auto}.testimonial-avatar,.testimonial-avatar-placeholder{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}.testimonial-avatar-placeholder{background:linear-gradient(135deg,#b8e6e6,#8fcbcb);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:#2a2a2a}.testimonial-author-info{display:flex;flex-direction:column;gap:2px}.testimonial-author-name{font-weight:600;color:#2a2a2a;font-size:15px}.testimonial-author-role{font-size:13px;color:#666}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:24px;gap:24px;margin:48px 0}@media (max-width:640px){.testimonial{padding:24px}.testimonial-quote{font-size:15px}.testimonials-grid{grid-template-columns:1fr;gap:20px;margin:32px 0}}@media (min-width:641px) and (max-width:1024px){.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px){.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:32px;gap:32px;padding:48px 32px;background:#ffffffe6;border-radius:20px;box-shadow:0 4px 20px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #e8dcc04d}.stat-item{text-align:center;padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:12px}.stat-value{font-size:48px;font-weight:700;color:#2a2a2a;background:linear-gradient(135deg,#8fcbcb,#b8e6e6);-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text;line-height:1}.stat-label{font-size:16px;color:#666;font-weight:500;line-height:1.4}@media (max-width:640px){.stats-container{grid-template-columns:repeat(2,1fr);gap:24px;padding:32px 20px}.stat-item{padding:16px 12px}.stat-value{font-size:36px}.stat-label{font-size:14px}}@media (min-width:641px) and (max-width:1024px){.stats-container{grid-template-columns:repeat(2,1fr)}}@media (min-width:1025px){.stats-container{grid-template-columns:repeat(4,1fr)}}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-item.animate-in{animation:countUp .6s ease-out forwards}.stat-item:first-child.animate-in{animation-delay:.1s}.stat-item:nth-child(2).animate-in{animation-delay:.2s}.stat-item:nth-child(3).animate-in{animation-delay:.3s}.stat-item:nth-child(4).animate-in{animation-delay:.4s}.gift-section{background:#fff;padding:var(--section-padding-desktop)}.gift-container{max-width:1200px;margin:0 auto;padding:0 24px}.gift-card{background:linear-gradient(135deg,#fbf8f4,#b8e6e61f);border-radius:28px;padding:64px;text-align:center;position:relative;overflow:hidden;border:1px solid #c2703a14}.gift-card-mobile{padding:40px 24px}.gift-decoration{position:absolute;top:-40px;right:-40px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,#c2703a0f,#0000);pointer-events:none}.gift-label{font-size:13px;font-weight:600;color:var(--color-terracotta);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-family:var(--font-sans)}.gift-title{font-family:var(--font-serif);font-size:clamp(28px,4vw,42px);font-weight:700;color:var(--color-warm-brown);letter-spacing:-.02em;line-height:1.15;margin:0 0 16px}.gift-subtitle{font-family:var(--font-sans);font-size:clamp(16px,1.8vw,19px);color:var(--color-warm-brown-light);line-height:1.65;margin:0 auto 36px;max-width:520px}.gift-certificate{max-width:380px;margin:0 auto 36px;background:#fff;border-radius:16px;padding:28px;position:relative;box-shadow:0 16px 40px #3d2b1f14;border:2px solid #c2703a1f}.gift-icon-badge{position:absolute;top:-10px;right:18px}.gift-certificate-content{text-align:center}.gift-certificate-brand{font-family:var(--font-serif);font-size:22px;font-weight:700;color:var(--color-terracotta);margin-bottom:8px}.gift-certificate-text{font-size:16px;color:var(--color-warm-brown-light);margin-bottom:12px}.gift-certificate-duration{display:inline-block;padding:8px 16px;background:var(--gradient-aqua);border-radius:20px;font-size:14px;font-weight:600;color:#1a3a3a}.gift-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 36px;background:#0000;color:var(--color-terracotta);font-family:var(--font-sans);font-weight:600;font-size:16px;border-radius:50px;border:2px solid var(--color-terracotta);cursor:pointer;transition:all .25s ease}.gift-cta:hover{background:#c2703a14}@media (max-width:768px){.gift-section{padding:var(--section-padding-mobile)}.gift-certificate{padding:20px}}.trust-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#fffffff2;border-radius:24px;box-shadow:0 2px 8px #0000001a;font-size:14px;font-weight:500;color:#2a2a2a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #e8dcc04d}.trust-badge-stars{display:flex;gap:2px}.star-filled{color:gold;font-size:16px}.star-empty{color:#e0e0e0;font-size:16px}.trust-badge-rating{font-weight:700;color:#2a2a2a}.trust-badge-separator{color:#999}.trust-badge-reviews{color:#666}.trust-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026;transition:all .2s ease}@media (max-width:640px){.trust-badge{font-size:12px;padding:6px 12px}.star-empty,.star-filled{font-size:14px}}.how-it-works{background:#fff;padding:clamp(64px,8vw,120px) 0}.how-it-works__container{max-width:1280px;margin:0 auto;padding:0 clamp(24px,4vw,64px)}.how-it-works__header{text-align:center;margin-bottom:72px}.how-it-works__label{font-size:13px;font-weight:600;color:var(--color-terracotta,#c2703a);letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}.how-it-works__title{font-family:var(--font-serif,Georgia,serif);font-size:clamp(32px,3.5vw,50px);font-weight:400;color:var(--color-warm-brown,#2c1e12);letter-spacing:-.02em;margin:0 0 16px}.how-it-works__title em{font-style:italic}.how-it-works__subtitle{font-family:var(--font-sans,system-ui,sans-serif);font-size:18px;color:var(--color-warm-brown-muted,#7a6b5e);margin:0 auto;max-width:480px}.how-it-works__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px;gap:32px;position:relative}.how-it-works__line{position:absolute;top:52px;left:16.5%;right:16.5%;height:2px;background:linear-gradient(90deg,var(--color-terracotta),var(--color-aqua-blue));opacity:.2}.how-it-works__step{text-align:center;position:relative}.how-it-works__icon-wrapper{width:104px;height:104px;border-radius:50%;background:linear-gradient(135deg,#c2703a14,#c2703a08);display:flex;align-items:center;justify-content:center;margin:0 auto 28px;position:relative;border:2px solid #c2703a1f}.how-it-works__step-number{position:absolute;top:-4px;right:-4px;width:28px;height:28px;border-radius:50%;background:var(--color-warm-brown,#2c1e12);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.how-it-works__step-title{font-family:var(--font-serif,Georgia,serif);font-size:24px;font-weight:400;color:var(--color-warm-brown,#2c1e12);margin:0 0 12px}.how-it-works__step-desc{font-size:15px;color:var(--color-warm-brown-muted,#7a6b5e);line-height:1.65;max-width:320px;margin:0 auto}@media (max-width:768px){.how-it-works__grid{grid-template-columns:1fr;gap:48px}.how-it-works__line{display:none}.how-it-works__header{margin-bottom:48px}}.story-cards{background:#fff;padding:clamp(64px,8vw,120px) 0}.story-cards__container{max-width:960px;margin:0 auto;padding:0 clamp(20px,4vw,64px)}.story-cards__header{text-align:center;margin-bottom:56px}.story-cards__label{font-size:13px;font-weight:600;color:var(--color-terracotta,#c2703a);letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}.story-cards__title{font-family:var(--font-serif,Georgia,serif);font-size:clamp(28px,3.5vw,46px);font-weight:400;color:var(--color-warm-brown,#2c1e12);margin:0}.story-cards__title em{font-style:italic}.story-cards__grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}.story-card{all:unset;display:flex;flex-direction:column;box-sizing:border-box;background:#fff;border-radius:18px;padding:24px 28px;border:1px solid #2c1e1212;box-shadow:0 2px 12px #2c1e120a;cursor:pointer;transition:all .35s ease;text-align:left;width:100%}.story-card:focus-visible,.story-card:hover{transform:translateY(-3px);box-shadow:0 12px 36px #2c1e1214}.story-card--playing{border-color:#c2703a33;box-shadow:0 12px 36px #c2703a1a;transform:translateY(-3px)}.story-card:focus-visible{outline:2px solid var(--color-aqua-blue,#7ec8c8);outline-offset:2px}.story-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.story-card__title{font-family:var(--font-serif,Georgia,serif);font-size:18px;font-weight:400;color:var(--color-warm-brown,#2c1e12);line-height:1.35;flex:1 1;min-width:0;margin:0}.story-card__duration{font-size:12px;font-weight:600;color:var(--color-warm-brown-muted,#b5a899);background:#f5f0eb;padding:4px 10px;border-radius:20px;flex-shrink:0;margin-top:2px}.story-card__player{display:flex;align-items:center;gap:12px;margin-bottom:14px}.story-card__play-btn{width:44px;height:44px;min-width:44px;border-radius:50%;flex-shrink:0;background:var(--gradient-aqua,linear-gradient(135deg,#7ec8c8,#5ba8a8));display:flex;align-items:center;justify-content:center;transition:all .3s ease}.story-card--playing .story-card__play-btn{background:var(--gradient-terracotta,linear-gradient(135deg,#c2703a,#e8a97e))}.story-card__preview{font-size:14px;color:var(--color-warm-brown-muted,#b5a899);line-height:1.55;font-style:italic;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}@media (max-width:768px){.story-cards__container{padding:0 20px}.story-cards__header{margin-bottom:36px}.story-cards__grid{grid-template-columns:1fr;gap:14px}.story-card{padding:20px 22px}.story-card__title{font-size:16px}.story-card__preview{-webkit-line-clamp:3}}@media (max-width:480px){.story-cards__container{padding:0 16px}.story-card{padding:18px;border-radius:14px}.story-card__header{margin-bottom:12px}.story-card__title{font-size:15px}.story-card__play-btn{width:40px;height:40px;min-width:40px}}.pricing-section{background:var(--gradient-warm-section);padding:var(--section-padding-desktop)}.pricing-container{max-width:1200px;margin:0 auto;padding:0 24px}.pricing-header{margin-bottom:48px}.pricing-label{font-size:13px;font-weight:600;color:var(--color-terracotta);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-family:var(--font-sans)}.pricing-title{font-family:var(--font-serif);font-size:clamp(28px,4vw,42px);color:var(--color-warm-brown);letter-spacing:-.02em;line-height:1.15;margin:0}.pricing-subtitle{font-family:var(--font-sans);font-size:clamp(16px,1.8vw,19px);color:var(--color-warm-brown-light);line-height:1.65;margin:16px auto 0;max-width:540px}.pricing-card-wrapper{max-width:520px;margin:0 auto}.pricing-card{background:#fff;border-radius:24px;padding:48px 40px;border:2px solid var(--color-terracotta);box-shadow:0 24px 48px #c2703a1a;text-align:center}.pricing-card-mobile{padding:36px 24px}.pricing-price{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:8px}.pricing-amount{font-family:var(--font-serif);font-size:52px;font-weight:800;color:var(--color-warm-brown)}.pricing-period{font-size:16px;color:var(--color-warm-brown-muted)}.pricing-features{margin:32px 0;text-align:left}.pricing-feature{align-items:center;padding:12px 0;border-bottom:1px solid #3d2b1f0f;color:var(--color-warm-brown-light)}.pricing-feature:last-child{border-bottom:none}.pricing-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 36px;background:var(--gradient-aqua);color:#1a3a3a;font-family:var(--font-sans);font-weight:600;border-radius:50px;border:none;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 20px #8fcbcb59}.pricing-cta:hover{box-shadow:0 6px 24px #8fcbcb80}.pricing-guarantee{margin-top:16px;font-size:13px;color:var(--color-warm-brown-muted)}@media (max-width:768px){.pricing-section{padding:var(--section-padding-mobile)}.pricing-amount{font-size:44px}}.scroll-progress-bar{position:fixed;top:0;left:0;z-index:1100;height:3px;background:linear-gradient(90deg,var(--color-terracotta,#c2703a),var(--color-aqua-blue,#b8e6e6));transition:width .1s linear;pointer-events:none}.comparison-section{background:#fbf8f4;padding:var(--section-padding-desktop)}.comparison-container{max-width:1200px;margin:0 auto;padding:0 24px}.comparison-header{text-align:center;margin-bottom:56px}.comparison-label{font-size:13px;font-weight:600;color:var(--color-terracotta);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-family:var(--font-sans)}.comparison-title{font-family:var(--font-serif);font-size:clamp(28px,4vw,42px);font-weight:700;color:var(--color-warm-brown);letter-spacing:-.02em;line-height:1.15;margin:0}.comparison-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.comparison-table{width:100%;border-collapse:initial;border-spacing:0;font-family:var(--font-sans);font-size:14px;min-width:640px}.comparison-th-feature{padding:16px;text-align:left;font-weight:600;color:var(--color-warm-brown-muted);font-size:13px;border-bottom:2px solid #e8e0d8}.comparison-th-memoora{padding:16px;text-align:center;font-weight:700;color:var(--color-terracotta);font-size:14px;background:#b8e6e61f;border-bottom:2px solid var(--color-aqua-blue);border-radius:12px 12px 0 0}.comparison-th-other{padding:16px;text-align:center;font-weight:500;color:var(--color-warm-brown-muted);font-size:13px;border-bottom:2px solid #e8e0d8}.comparison-td-feature{padding:14px 16px;font-weight:500;color:var(--color-warm-brown);border-bottom:1px solid #e8e0d8}.comparison-td-memoora{padding:14px 16px;text-align:center;background:#b8e6e60f;border-bottom:1px solid #b8e6e64d}.comparison-td-other{padding:14px 16px;text-align:center;border-bottom:1px solid #e8e0d8}.comparison-check,.comparison-x{display:inline-flex;align-items:center;justify-content:center}@media (max-width:768px){.comparison-section{padding:var(--section-padding-mobile)}.comparison-header{margin-bottom:32px}}.landing-footer-new{background:#2a1d14;padding:48px 0 32px;border-top:1px solid #ffffff0f}.landing-footer-container{max-width:1200px;margin:0 auto;padding:0 24px}.landing-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:40px;gap:40px;margin-bottom:40px}.landing-footer-grid-mobile{grid-template-columns:1fr;gap:32px}.landing-footer-brand{max-width:280px}.landing-footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:16px}.landing-footer-logo-icon{width:32px;height:32px;border-radius:50%;background:var(--gradient-terracotta);display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-serif);font-weight:700;font-size:16px}.landing-footer-logo-text{font-family:var(--font-serif);font-weight:700;font-size:20px;color:#ffffffe6}.landing-footer-tagline{font-size:14px;color:#ffffff73;line-height:1.5;margin:0}.landing-footer-column-title{color:#ffffff59;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin:0 0 16px}.landing-footer-link{display:block;font-size:14px;color:#ffffff8c;text-decoration:none;margin-bottom:10px;transition:color .2s ease}.landing-footer-link:hover{color:#ffffffd9}.landing-footer-bottom{border-top:1px solid #ffffff0f;padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.landing-footer-copyright{font-size:13px;color:#ffffff40;margin:0}@media (max-width:768px){.landing-footer-new{padding:40px 0 24px}.landing-footer-grid{margin-bottom:32px}.landing-footer-bottom{justify-content:center;text-align:center}}.testimonials-grid{background:#fff;padding:clamp(64px,8vw,120px) 0}.testimonials-grid__container{max-width:1280px;margin:0 auto;padding:0 clamp(24px,4vw,64px)}.testimonials-grid__header{text-align:center;margin-bottom:64px}.testimonials-grid__label{font-size:13px;font-weight:600;color:var(--color-terracotta,#c2703a);letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}.testimonials-grid__title{font-family:var(--font-serif,Georgia,serif);font-size:clamp(32px,3.5vw,50px);font-weight:400;color:var(--color-warm-brown,#2c1e12);margin:0}.testimonials-grid__title em{font-style:italic}.testimonials-grid__cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:28px;gap:28px}.testimonial-card{background:var(--color-bg-secondary,#faf7f2);border-radius:24px;padding:36px;height:100%;display:flex;flex-direction:column;justify-content:space-between}.testimonial-card__stars{display:flex;gap:3px;margin-bottom:20px}.testimonial-card__star{color:var(--color-terracotta,#c2703a);font-size:16px}.testimonial-card__quote{font-family:var(--font-serif,Georgia,serif);font-size:18px;font-style:italic;color:var(--color-warm-brown,#2c1e12);line-height:1.6;margin:0 0 24px;flex-grow:1}.testimonial-card__author{border-top:1px solid #2c1e120f;padding-top:20px}.testimonial-card__name{font-weight:600;font-size:15px;color:var(--color-warm-brown,#2c1e12)}.testimonial-card__location{font-size:13px;color:var(--color-warm-brown-muted,#b5a899);margin-top:2px}@media (max-width:1024px){.testimonials-grid__cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.testimonials-grid__cards{grid-template-columns:1fr}.testimonial-card{padding:28px}}.pricing-card{background:#fffffff2;border-radius:20px;padding:40px 32px;border:2px solid #e8dcc04d;transition:all .4s ease;display:flex;flex-direction:column;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:100%}.pricing-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #0000001f;border-color:#b8e6e6}.pricing-card-popular{border-color:#8fcbcb;border-width:3px;box-shadow:0 8px 30px #8fcbcb4d}.pricing-card-popular:hover{box-shadow:0 12px 40px #8fcbcb66}.pricing-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#b8e6e6,#8fcbcb);color:#2a2a2a;padding:6px 20px;border-radius:20px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #8fcbcb66}.pricing-header{text-align:center;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #e8dcc033}.pricing-title{font-size:24px;font-weight:700;color:#2a2a2a;margin-bottom:16px}.pricing-price-container{display:flex;align-items:baseline;justify-content:center;margin-bottom:12px}.pricing-currency{font-size:28px;font-weight:600;color:#666;margin-right:4px}.pricing-price{font-size:56px;font-weight:700;color:#2a2a2a;line-height:1}.pricing-period{font-size:18px;color:#666;margin-left:4px}.pricing-description{font-size:16px;color:#666;line-height:1.5}.pricing-features{list-style:none;padding:0;margin:0 0 32px;flex-grow:1}.pricing-feature{display:flex;align-items:flex-start;gap:12px;padding:10px 0;font-size:15px;color:#444;line-height:1.6}.pricing-feature-icon{flex-shrink:0;width:24px;height:24px;background:linear-gradient(135deg,#b8e6e6,#8fcbcb);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#2a2a2a;font-size:14px}.pricing-feature-text{flex:1 1}.pricing-cta{display:block;width:100%;padding:16px 32px;background:linear-gradient(135deg,#b8e6e6,#8fcbcb);color:#2a2a2a;text-align:center;font-size:16px;font-weight:700;border-radius:12px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px #8fcbcb4d;margin-top:auto}.pricing-cta:hover{background:linear-gradient(135deg,#c5e8e8,#a0d4d4);transform:translateY(-2px);box-shadow:0 6px 20px #8fcbcb66}.pricing-cta:active{transform:translateY(0)}.pricing-card-popular .pricing-cta{background:linear-gradient(135deg,#8fcbcb,#6bb8b8);box-shadow:0 6px 20px #8fcbcb66}.pricing-card-popular .pricing-cta:hover{background:linear-gradient(135deg,#a0d4d4,#7dc2c2);box-shadow:0 8px 25px #8fcbcb80}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:32px;gap:32px;max-width:1200px;margin:0 auto;padding:48px 24px}@media (max-width:640px){.pricing-card{padding:32px 24px}.pricing-title{font-size:22px}.pricing-price{font-size:48px}.pricing-currency{font-size:24px}.pricing-period{font-size:16px}.pricing-description{font-size:15px}.pricing-feature{font-size:14px}.pricing-cta{padding:14px 28px;font-size:15px}.pricing-grid{grid-template-columns:1fr;gap:24px;padding:32px 16px}}@media (min-width:641px) and (max-width:1024px){.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}}@media (min-width:1025px){.pricing-grid{grid-template-columns:repeat(3,1fr)}}@keyframes badgePulse{0%,to{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.05)}}.pricing-card-popular .pricing-badge{animation:badgePulse 2s ease-in-out infinite}.problem-section{background:#fff;padding:var(--section-padding-desktop)}.problem-container{max-width:1200px;margin:0 auto;padding:0 24px}.problem-header{text-align:center;margin-bottom:56px}.problem-label{font-size:13px;font-weight:600;color:var(--color-terracotta);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-family:var(--font-sans)}.problem-title{font-family:var(--font-serif);font-size:clamp(28px,4vw,42px);font-weight:700;color:var(--color-warm-brown);letter-spacing:-.02em;line-height:1.15;margin:0 auto;max-width:600px}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.problem-grid-mobile{grid-template-columns:1fr}.problem-card{padding:32px;border-radius:20px;transition:transform .3s ease,box-shadow .3s ease}.problem-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000014}.problem-card-red{background:linear-gradient(135deg,#e76f510f,#e76f5105);border:1px solid #e76f5126}.problem-card-orange{background:linear-gradient(135deg,#c2703a0f,#c2703a05);border:1px solid #c2703a26}.problem-card-dark-red{background:linear-gradient(135deg,#c0392b0f,#c0392b05);border:1px solid #c0392b26}.problem-icon{margin-bottom:20px}.problem-card-title{font-family:var(--font-serif);font-size:20px;font-weight:600;color:var(--color-warm-brown);margin-bottom:12px}.problem-card-text{font-family:var(--font-sans);font-size:15px;color:var(--color-warm-brown-light);line-height:1.6;margin:0}@media (max-width:768px){.problem-section{padding:var(--section-padding-mobile)}.problem-header{margin-bottom:40px}.problem-card{padding:24px}}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:600;border-radius:12px;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;font-family:inherit;line-height:1;white-space:nowrap}.cta-button:focus{outline:none;box-shadow:0 0 0 4px #b8e6e64d}.cta-button-small{padding:10px 20px;font-size:14px;border-radius:8px}.cta-button-medium{padding:14px 28px;font-size:16px;border-radius:10px}.cta-button-large{padding:18px 36px;font-size:18px;border-radius:12px}.cta-button-xlarge{padding:22px 48px;font-size:20px;border-radius:14px;box-shadow:0 8px 30px #8fcbcb66}.cta-button-primary{background:linear-gradient(135deg,#b8e6e6,#8fcbcb);color:#2a2a2a;box-shadow:0 4px 20px #8fcbcb4d}.cta-button-primary:hover{background:linear-gradient(135deg,#c5e8e8,#a0d4d4);transform:translateY(-2px);box-shadow:0 6px 25px #8fcbcb66}.cta-button-primary:active{transform:translateY(0);box-shadow:0 2px 15px #8fcbcb4d}.cta-button-secondary{background:linear-gradient(135deg,#f7e8c8,#e8d4a8);color:#2a2a2a;box-shadow:0 4px 20px #e8d4a84d}.cta-button-secondary:hover{background:linear-gradient(135deg,#faf2e0,#f0ddb8);transform:translateY(-2px);box-shadow:0 6px 25px #e8d4a866}.cta-button-secondary:active{transform:translateY(0);box-shadow:0 2px 15px #e8d4a84d}.cta-button-outline{background:#0000;color:#2a2a2a;border:2px solid #b8e6e6;box-shadow:none}.cta-button-outline:hover{background:#b8e6e61a;border-color:#8fcbcb;transform:translateY(-2px)}.cta-button-outline:active{transform:translateY(0)}.cta-button-full-width{width:100%}.cta-icon{display:inline-flex;align-items:center;font-size:1.2em}.cta-icon-left{margin-right:-4px}.cta-icon-right{margin-left:-4px}.cta-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.cta-button:disabled:hover{transform:none;box-shadow:none}.cta-button.loading{position:relative;color:#0000;pointer-events:none}.cta-button.loading:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border-radius:50%;border:3px solid #2a2a2a33;border-top-color:#2a2a2a;animation:spinner .8s linear infinite}@keyframes spinner{to{transform:rotate(1turn)}}@media (max-width:640px){.cta-button-small{padding:8px 16px;font-size:13px}.cta-button-medium{padding:12px 24px;font-size:15px}.cta-button-large{padding:14px 28px;font-size:16px}.cta-button-xlarge{padding:16px 32px;font-size:18px}}@media (min-width:641px) and (max-width:1024px){.cta-button-xlarge{padding:20px 40px;font-size:19px}}@keyframes pulse{0%,to{box-shadow:0 8px 30px #8fcbcb66}50%{box-shadow:0 8px 40px #8fcbcb99}}.cta-button-xlarge.cta-button-primary{animation:pulse 2s ease-in-out infinite}.waveform-bars{display:flex;align-items:center;gap:2px;flex:1 1;height:32px}.waveform-bar{width:3px;border-radius:2px;min-height:4px;height:var(--bar-height,12px);background:var(--bar-color,#d4c5b5);opacity:.45;transition:background .3s ease,opacity .3s ease}.waveform-bar--active{background:var(--bar-color,var(--color-terracotta,#c2703a));opacity:.85;animation:waveformPulse var(--bar-duration,.5s) ease-in-out var(--bar-delay,0s) infinite alternate}@keyframes waveformPulse{0%{height:4px}50%{height:24px}to{height:4px}}.emotional-hook-section{background:var(--gradient-warm-section);padding:var(--section-padding-desktop)}.emotional-hook-container{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:5fr 7fr;grid-gap:64px;gap:64px;align-items:center}.emotional-hook-mobile{grid-template-columns:1fr;gap:40px}.emotional-hook-image-container{position:relative;aspect-ratio:4/5;border-radius:24px;overflow:hidden;box-shadow:0 32px 64px #3d2b1f1f}.emotional-hook-image{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.emotional-hook-content{max-width:560px}.emotional-hook-accent-line{width:48px;height:3px;background:var(--color-terracotta);border-radius:2px;margin-bottom:32px}.emotional-hook-quote{font-family:var(--font-serif);font-size:clamp(18px,2.2vw,24px);font-weight:400;font-style:italic;color:var(--color-warm-brown);line-height:1.55;margin-bottom:28px;padding:0;border:none}.emotional-hook-attribution{margin-bottom:40px}.emotional-hook-author{font-weight:600;font-size:16px;color:var(--color-warm-brown)}.emotional-hook-location{font-size:14px;color:var(--color-warm-brown-muted);margin-top:2px}.emotional-hook-tagline{background:linear-gradient(135deg,#b8e6e61a,#c2703a0d);border-radius:16px;padding:20px 24px;border-left:3px solid var(--color-terracotta)}.emotional-hook-tagline p{font-size:15px;color:var(--color-warm-brown-light);line-height:1.6;margin:0;font-style:italic}.emotional-hook-tagline strong{color:var(--color-terracotta)}@media (max-width:768px){.emotional-hook-section{padding:var(--section-padding-mobile)}.emotional-hook-container{gap:32px}.emotional-hook-image-container{aspect-ratio:3/2}.emotional-hook-accent-line{margin-bottom:24px}.emotional-hook-quote{margin-bottom:20px}.emotional-hook-attribution{margin-bottom:24px}}.faq-container{max-width:900px;margin:0 auto;padding:48px 24px}.faq-header{text-align:center;margin-bottom:48px}.faq-title{font-size:36px;font-weight:700;color:#2a2a2a;margin-bottom:12px}.faq-subtitle{font-size:18px;color:#666;line-height:1.6}.faq-list{display:flex;flex-direction:column;gap:16px}.faq-item{background:#fffffff2;border-radius:12px;border:1px solid #e8dcc04d;overflow:hidden;transition:all .3s ease}.faq-item:hover{box-shadow:0 4px 20px #00000014}.faq-item-open{box-shadow:0 4px 20px #0000001a;border-color:#b8e6e6}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:#0000;border:none;cursor:pointer;text-align:left;font-family:inherit;transition:background-color .2s ease}.faq-question:hover{background-color:#b8e6e60d}.faq-question:focus{outline:none;background-color:#b8e6e61a}.faq-question-text{font-size:18px;font-weight:600;color:#2a2a2a;line-height:1.4;padding-right:16px}.faq-toggle-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#b8e6e6,#8fcbcb);color:#2a2a2a;font-size:24px;font-weight:300;transition:transform .3s ease}.faq-item-open .faq-toggle-icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-answer-open{max-height:500px}.faq-answer-content{padding:0 24px 24px;font-size:16px;line-height:1.7;color:#444}@media (max-width:640px){.faq-container{padding:32px 16px}.faq-header{margin-bottom:32px}.faq-title{font-size:28px}.faq-subtitle{font-size:16px}.faq-question{padding:16px 20px}.faq-question-text{font-size:16px}.faq-toggle-icon{width:28px;height:28px;font-size:20px}.faq-answer-content{padding:0 20px 20px;font-size:15px}.faq-list{gap:12px}}@media (min-width:641px) and (max-width:1024px){.faq-title{font-size:32px}.faq-subtitle{font-size:17px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.faq-answer-open .faq-answer-content{animation:fadeIn .3s ease forwards}.why-lila{background:var(--color-bg-secondary,#faf7f2);padding:clamp(64px,8vw,120px) 0}.why-lila__container{max-width:1280px;margin:0 auto;padding:0 clamp(24px,4vw,64px)}.why-lila__header{text-align:center;margin-bottom:64px}.why-lila__label{font-size:13px;font-weight:600;color:var(--color-terracotta,#c2703a);letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}.why-lila__title{font-family:var(--font-serif,Georgia,serif);font-size:clamp(32px,3.5vw,50px);font-weight:400;color:var(--color-warm-brown,#2c1e12);letter-spacing:-.02em;margin:0}.why-lila__title em{font-style:italic}.why-lila__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:28px;gap:28px}.why-lila__card{border-radius:24px;padding:40px 36px;border:1px solid #2c1e120d;height:100%;transition:transform .3s ease,box-shadow .3s ease}.why-lila__card:hover{transform:translateY(-6px);box-shadow:0 20px 60px #2c1e120f}.why-lila__card--terracotta{background:linear-gradient(135deg,#c2703a0f,#c2703a03)}.why-lila__card--aqua{background:linear-gradient(135deg,#7ec8c814,#7ec8c805)}.why-lila__card--neutral{background:linear-gradient(135deg,#2c1e120a,#2c1e1203)}.why-lila__card-title{font-family:var(--font-serif,Georgia,serif);font-size:24px;font-weight:400;color:var(--color-warm-brown,#2c1e12);margin:0 0 14px;line-height:1.25}.why-lila__card-desc{font-size:15px;color:var(--color-warm-brown-muted,#7a6b5e);line-height:1.7;margin:0}@media (max-width:768px){.why-lila__grid{grid-template-columns:1fr;gap:20px}.why-lila__card{padding:28px 24px}}.final-cta-section{background:var(--gradient-final-cta);padding:var(--section-padding-desktop);text-align:center}.final-cta-container{max-width:800px;margin:0 auto;padding:0 24px}.final-cta-title{font-family:var(--font-serif);font-size:clamp(32px,5vw,52px);font-weight:800;color:#fffffff2;letter-spacing:-.025em;line-height:1.12;margin:0 auto 32px;max-width:700px}.final-cta-highlight{color:var(--color-aqua-blue)}.final-cta-subtitle{font-family:var(--font-sans);font-size:clamp(15px,1.8vw,19px);color:#ffffffa6;line-height:1.6;max-width:560px;margin:0 auto 40px}.final-cta-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:18px 44px;background:var(--gradient-aqua);color:#1a3a3a;font-family:var(--font-sans);font-weight:600;font-size:17px;border-radius:50px;border:none;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 20px #8fcbcb59}.final-cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 24px #8fcbcb80}.final-cta-button-mobile{width:100%;max-width:400px;padding:16px 32px;font-size:16px}.final-cta-disclaimer{margin-top:24px;font-size:13px;color:#ffffff59}@media (max-width:768px){.final-cta-section{padding:var(--section-padding-mobile)}.final-cta-title{margin-bottom:24px}.final-cta-subtitle{margin-bottom:32px}}.sticky-nav{position:fixed;top:3px;left:0;right:0;z-index:1000;padding:24px 0;background:#0000;transition:all .4s cubic-bezier(.16,1,.3,1)}.sticky-nav--scrolled{padding:14px 0;background:#faf7f2e0;backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);border-bottom:1px solid #c2703a14}.sticky-nav__container{max-width:1280px;margin:0 auto;padding:0 clamp(24px,4vw,64px);display:flex;justify-content:space-between;align-items:center}.sticky-nav__logo{display:flex;align-items:center;gap:12px}.sticky-nav__logo-icon{width:38px;height:38px;border-radius:50%;background:var(--gradient-terracotta,linear-gradient(135deg,#c2703a,#e8a97e));display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-serif,Georgia,serif);font-size:22px;font-weight:400;box-shadow:0 4px 12px #c2703a40}.sticky-nav__logo-text{font-family:var(--font-serif,Georgia,serif);font-size:26px;color:var(--color-warm-brown,#2c1e12)}.sticky-nav__links{display:flex;align-items:center;gap:36px}.sticky-nav__link{font-family:var(--font-sans,system-ui,sans-serif);font-size:14px;font-weight:500;color:var(--color-warm-brown-muted,#7a6b5e);text-decoration:none;letter-spacing:.01em;transition:color .2s ease}.sticky-nav__link:hover{color:var(--color-terracotta,#c2703a);text-decoration:none}.sticky-nav__cta{padding:11px 28px;border-radius:50px;border:none;cursor:pointer;background:var(--gradient-aqua,linear-gradient(135deg,#7ec8c8,#5ba8a8));color:#1a3a3a;font-family:var(--font-sans,system-ui,sans-serif);font-weight:600;font-size:14px;box-shadow:0 4px 16px #7ec8c84d;transition:transform .2s ease,box-shadow .2s ease}.sticky-nav__cta:hover{transform:translateY(-1px);box-shadow:0 6px 24px #7ec8c866}.sticky-nav__cta:focus-visible{outline:2px solid var(--color-aqua-blue,#7ec8c8);outline-offset:2px}@media (max-width:768px){.sticky-nav__links{display:none}.sticky-nav__container{padding:0 20px}.sticky-nav__logo-text{font-size:22px}}.sticky-mobile-cta{position:fixed;bottom:0;left:0;right:0;z-index:999;background:#fbf8f4f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid #c2703a1f;padding:12px 20px;animation:fadeUp .3s ease-out}.sticky-mobile-cta-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;background:var(--gradient-aqua);color:#1a3a3a;font-family:var(--font-sans);font-weight:600;font-size:15px;border-radius:50px;border:none;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 20px #8fcbcb59}.sticky-mobile-cta-button:hover{box-shadow:0 6px 24px #8fcbcb80}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (min-width:769px){.sticky-mobile-cta{display:none}}.story-streak{background:var(--color-bg-secondary,#faf7f2);padding:clamp(64px,8vw,120px) 0}.story-streak__container{max-width:1280px;margin:0 auto;padding:0 clamp(24px,4vw,64px)}.story-streak__grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:80px;gap:80px;align-items:center}.story-streak__content{max-width:500px}.story-streak__label{font-size:13px;font-weight:600;color:var(--color-terracotta,#c2703a);letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}.story-streak__title{font-family:var(--font-serif,Georgia,serif);font-size:clamp(32px,3.5vw,48px);font-weight:400;color:var(--color-warm-brown,#2c1e12);margin:0 0 20px}.story-streak__desc{font-size:17px;color:var(--color-warm-brown-muted,#7a6b5e);line-height:1.7;margin-bottom:36px}.story-streak__checklist{list-style:none;padding:0;margin:0}.story-streak__checklist-item{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px;font-size:15px;color:var(--color-warm-brown,#2c1e12);line-height:1.55}.story-streak__check-icon{flex-shrink:0;margin-top:2px}.story-streak__dashboard{background:#fff;border-radius:24px;padding:32px;box-shadow:0 32px 64px #2c1e120f;border:1px solid #2c1e120d}.story-streak__dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.story-streak__dashboard-title{font-family:var(--font-serif,Georgia,serif);font-size:22px;font-weight:400;color:var(--color-warm-brown,#2c1e12);margin:0}.story-streak__dashboard-subtitle{font-size:13px;color:var(--color-warm-brown-muted,#b5a899);margin:4px 0 0}.story-streak__streak-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#c2703a14;border-radius:50px}.story-streak__fire-icon{display:flex}.story-streak__streak-count{font-family:var(--font-serif,Georgia,serif);font-size:28px;color:var(--color-terracotta,#c2703a)}.story-streak__streak-label{font-size:12px;color:var(--color-terracotta,#c2703a);font-weight:600}.story-streak__calendar{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:6px;gap:6px;margin-bottom:28px}.story-streak__week{aspect-ratio:1;border-radius:8px;background:rgba(44,30,18,var(--week-opacity,.04));display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--color-warm-brown-muted,#b5a899)}.story-streak__week--complete{background:rgba(194,112,58,var(--week-opacity,.15));color:#fff}.story-streak__stories{margin-bottom:20px}.story-streak__stories-label{font-size:12px;font-weight:600;color:var(--color-warm-brown-muted,#b5a899);letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px}.story-streak__story-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:12px;margin-bottom:4px;border:1px solid #0000}.story-streak__story-item--latest{background:#7ec8c814;border-color:#7ec8c826}.story-streak__story-title{font-size:14px;font-weight:600;color:var(--color-warm-brown,#2c1e12)}.story-streak__story-date{font-size:12px;color:var(--color-warm-brown-muted,#b5a899);margin-top:2px}.story-streak__story-tag{font-size:11px;font-weight:600;padding:4px 10px;background:#c2703a0f;color:var(--color-terracotta,#c2703a);border-radius:20px}.story-streak__next-call{padding:14px 18px;background:#2d8a560f;border-radius:14px;display:flex;align-items:center;gap:10px;border:1px solid #2d8a561a;font-size:13px;color:#2d8a56;font-weight:500}.story-streak__pulse{width:8px;height:8px;border-radius:50%;background:#2d8a56;animation:pulse 2s ease infinite}@media (max-width:768px){.story-streak__grid{grid-template-columns:1fr;gap:48px}.story-streak__calendar{grid-template-columns:repeat(6,1fr)}.story-streak__dashboard{padding:24px}}