@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Inter:wght@300;400;500;600&display=swap";.glass-surface{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .26s ease-out}.glass-surface__filter{width:100%;height:100%;pointer-events:none;position:absolute;inset:0;opacity:0;z-index:-1}.glass-surface__content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:inherit;position:relative;z-index:1}.glass-surface--svg{background:light-dark(hsl(0 0% 100% / var(--glass-frost, 0)),hsl(0 0% 0% / var(--glass-frost, 0)));-webkit-backdrop-filter:var(--filter-id, url(#glass-filter)) saturate(var(--glass-saturation, 1));backdrop-filter:var(--filter-id, url(#glass-filter)) saturate(var(--glass-saturation, 1));box-shadow:0 0 2px 1px light-dark(color-mix(in oklch,black,transparent 85%),color-mix(in oklch,white,transparent 65%)) inset,0 0 10px 4px light-dark(color-mix(in oklch,black,transparent 90%),color-mix(in oklch,white,transparent 85%)) inset,0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d,0 4px 16px #11111a0d inset,0 8px 24px #11111a0d inset,0 16px 56px #11111a0d inset}.glass-surface--fallback{background:#ffffff40;backdrop-filter:blur(12px) saturate(1.8) brightness(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.8) brightness(1.1);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f268733,0 2px 16px #1f26871a,inset 0 1px #fff6,inset 0 -1px #fff3}@media(prefers-color-scheme:dark){.glass-surface--fallback{background:#ffffff1a;backdrop-filter:blur(12px) saturate(1.8) brightness(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.8) brightness(1.2);border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px #fff3,inset 0 -1px #ffffff1a}}@supports not (backdrop-filter: blur(10px)){.glass-surface--fallback{background:#fff6;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #ffffff4d}.glass-surface--fallback:before{content:"";position:absolute;inset:0;background:#ffffff26;border-radius:inherit;z-index:-1}}@supports not (backdrop-filter: blur(10px)){@media(prefers-color-scheme:dark){.glass-surface--fallback{background:#0006}.glass-surface--fallback:before{background:#ffffff0d}}}.glass-surface:focus-visible{outline:2px solid light-dark(#007aff,#0a84ff);outline-offset:2px}.iridescence-container{width:100%;height:100%}.iridescence-container canvas{display:block;width:100%;height:100%}:root{--color-cream: #FAF8F5;--color-cream-dark: #F0EBE3;--color-blush: #E8C4C4;--color-rose: #D4A5A5;--color-mauve: #B08B8B;--color-wine: #8B5A5A;--color-dark: #2D2424;--color-text: #3D3533;--color-muted: #7A706C;--color-white: #FFFFFF;--gradient-primary: linear-gradient(135deg, var(--color-wine) 0%, var(--color-rose) 100%);--gradient-soft: linear-gradient(180deg, var(--color-cream) 0%, var(--color-cream-dark) 100%);--gradient-glow: linear-gradient(135deg, var(--color-blush) 0%, var(--color-rose) 50%, var(--color-mauve) 100%);--font-display: "Playfair Display", Georgia, serif;--font-body: "Inter", -apple-system, sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(45, 36, 36, .04);--shadow-md: 0 8px 24px rgba(45, 36, 36, .08);--shadow-lg: 0 16px 48px rgba(45, 36, 36, .12);--shadow-glow: 0 8px 32px rgba(139, 90, 90, .25);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-cream);min-height:100vh;overflow-x:hidden}.app{min-height:100vh;min-height:100dvh}.screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);position:relative;overflow:hidden}.intro-screen{background:var(--gradient-soft)}.intro-decor{position:absolute;inset:0;pointer-events:none;overflow:hidden}.decor-circle{position:absolute;border-radius:50%;background:var(--gradient-glow);opacity:.15;filter:blur(60px)}.decor-circle-1{width:400px;height:400px;top:-150px;right:-100px}.decor-circle-2{width:300px;height:300px;bottom:-100px;left:-100px}.intro-content{position:relative;z-index:1;max-width:420px;width:100%}.intro-glass-card{padding:0!important}.intro-glass-card .glass-surface__content{padding:0}.intro-inner{padding:var(--space-2xl);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.intro-badge{display:inline-block;padding:var(--space-sm) var(--space-lg);background:#ffffff80;border-radius:var(--radius-full);font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-mauve)}.intro-title{font-family:var(--font-display);font-size:clamp(2rem,8vw,3rem);font-weight:500;line-height:1.1;color:var(--color-dark)}.intro-title .accent{display:block;color:var(--color-wine);font-style:italic;font-weight:400;font-size:1.1em}.intro-text{font-size:.95rem;line-height:1.7;color:var(--color-muted);max-width:280px}.intro-hint{margin-top:var(--space-lg);font-size:.75rem;color:var(--color-muted);opacity:.7}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);min-width:200px;font-family:var(--font-body);font-size:.95rem;font-weight:600;color:var(--color-white);background:var(--gradient-primary);border:none;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-glow{box-shadow:var(--shadow-glow)}.btn-glow:hover{box-shadow:0 12px 40px #8b5a5a59}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;border-radius:50%;cursor:pointer;color:var(--color-muted);transition:var(--transition-fast);box-shadow:var(--shadow-sm)}.btn-ghost:hover:not(:disabled){color:var(--color-wine);box-shadow:var(--shadow-md)}.btn-ghost:disabled{opacity:.3;cursor:not-allowed}.quiz-screen{background:var(--color-cream);padding-top:var(--space-3xl)}.quiz-progress{position:absolute;top:var(--space-xl);left:var(--space-xl);right:var(--space-xl);display:flex;align-items:center;gap:var(--space-md)}.quiz-progress-bar{flex:1;height:4px;background:var(--color-cream-dark);border-radius:var(--radius-full);overflow:hidden}.quiz-progress-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full)}.quiz-progress-text{font-size:.75rem;font-weight:500;color:var(--color-muted);white-space:nowrap}.quiz-content{width:100%;max-width:400px;text-align:center}.quiz-question{font-family:var(--font-display);font-size:clamp(1.5rem,6vw,2rem);font-weight:500;color:var(--color-dark);margin-bottom:var(--space-2xl);line-height:1.3}.quiz-options{display:flex;flex-direction:column;gap:var(--space-md)}.quiz-option-glass{cursor:pointer;transition:var(--transition-fast)}.quiz-option-glass:hover{transform:translateY(-2px)}.quiz-option-glass.selected{border:2px solid var(--color-wine)}.quiz-option{width:100%;display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:none;border:none;cursor:pointer;text-align:left;font-family:var(--font-body)}.quiz-option-emoji{font-size:1.5rem;line-height:1}.quiz-option-text{flex:1;font-size:.95rem;font-weight:500;color:var(--color-text)}.quiz-option-check{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-cream-dark);color:transparent;transition:var(--transition-fast)}.quiz-option-glass.selected .quiz-option-check{background:var(--color-wine);color:var(--color-white)}.tips-screen{background:var(--gradient-soft);gap:var(--space-xl)}.tips-header{text-align:center}.tips-title{font-family:var(--font-display);font-size:1.75rem;font-weight:500;color:var(--color-dark);margin-bottom:var(--space-xs)}.tips-subtitle{font-size:.9rem;color:var(--color-muted)}.tips-dots{display:flex;gap:var(--space-sm)}.tips-dot{width:10px;height:10px;border-radius:50%;background:var(--color-cream-dark);border:none;cursor:pointer;transition:var(--transition-fast)}.tips-dot.active{background:var(--color-wine);transform:scale(1.2)}.tips-dot.done{background:var(--color-rose)}.tips-card-wrapper{width:100%;max-width:360px}.tip-card-glass .glass-surface__content{padding:0}.tip-card{position:relative;padding:var(--space-2xl);text-align:center}.tip-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);border-radius:32px 32px 0 0}.tip-accent{display:inline-block;padding:var(--space-xs) var(--space-md);background:linear-gradient(135deg,var(--color-blush),var(--color-rose));border-radius:var(--radius-full);font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-wine);margin-bottom:var(--space-lg)}.tip-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--color-dark);margin-bottom:var(--space-md);line-height:1.3}.tip-text{font-size:.95rem;line-height:1.7;color:var(--color-muted)}.tip-number{position:absolute;bottom:var(--space-lg);right:var(--space-lg);font-family:var(--font-display);font-size:4rem;font-weight:700;color:#0000000d;line-height:1}.tips-nav{display:flex;align-items:center;gap:var(--space-md)}.tips-all-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:#ffffff80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px dashed var(--color-rose);border-radius:var(--radius-full);font-family:var(--font-body);font-size:.85rem;font-weight:500;color:var(--color-wine);cursor:pointer;transition:var(--transition-fast)}.tips-all-btn:hover{background:#ffffffb3;border-style:solid}.instagram-screen{background:var(--gradient-soft)}.instagram-decor{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.decor-ring{width:500px;height:500px;border-radius:50%;border:1px solid var(--color-blush);opacity:.3}.instagram-glass-card{max-width:400px}.instagram-glass-card .glass-surface__content{padding:0}.instagram-content{padding:var(--space-2xl);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.instagram-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-radius:var(--radius-lg);color:var(--color-white);padding:var(--space-md)}.instagram-icon svg{width:100%;height:100%}.instagram-title{font-family:var(--font-display);font-size:clamp(1.5rem,6vw,2rem);font-weight:500;color:var(--color-dark);line-height:1.3;margin:0}.instagram-subtitle{font-size:.9rem;color:var(--color-muted);max-width:280px;line-height:1.6;margin:0}.instagram-options{width:100%;display:flex;flex-direction:column;gap:var(--space-md)}.instagram-option{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-sm);text-align:left;font-family:var(--font-body)}.instagram-option:hover{border-color:var(--color-blush);transform:translateY(-2px);box-shadow:var(--shadow-md)}.instagram-option-emoji{font-size:1.5rem}.instagram-option-text{flex:1;font-size:1rem;font-weight:600;color:var(--color-text)}.instagram-option-arrow{color:var(--color-muted)}.instagram-hint{font-size:.8rem;color:var(--color-muted);margin:0}.alltips-screen{background:var(--color-cream);justify-content:flex-start;padding-top:var(--space-2xl);padding-bottom:var(--space-3xl);gap:var(--space-lg)}.alltips-header{text-align:center}.alltips-badge{display:inline-block;padding:var(--space-xs) var(--space-md);background:linear-gradient(135deg,var(--color-blush),var(--color-rose));border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:var(--color-wine);margin-bottom:var(--space-sm)}.alltips-title{font-family:var(--font-display);font-size:1.75rem;font-weight:500;color:var(--color-dark);margin:0 0 var(--space-xs)}.alltips-subtitle{font-size:.9rem;color:var(--color-muted);margin:0}.alltips-list{width:100%;max-width:500px;display:flex;flex-direction:column;gap:var(--space-sm)}.alltips-category-glass .glass-surface__content{padding:0}.alltips-category{width:100%}.alltips-category-header{width:100%;display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:none;border:none;cursor:pointer;font-family:var(--font-body);text-align:left;transition:var(--transition-fast)}.alltips-category-header:hover{background:#ffffff4d}.alltips-category-emoji{font-size:1.25rem}.alltips-category-title{flex:1;font-size:.95rem;font-weight:600;color:var(--color-text)}.alltips-category-count{font-size:.75rem;font-weight:500;color:var(--color-muted);background:#ffffff80;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full)}.alltips-category-chevron{color:var(--color-muted)}.alltips-tips{list-style:none;padding:0 var(--space-lg) var(--space-md);margin:0;overflow:hidden}.alltips-tip{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) 0;border-top:1px solid rgba(0,0,0,.05)}.alltips-tip:first-child{border-top:none}.alltips-tip-bullet{color:var(--color-rose);font-size:.7rem;margin-top:.3rem}.alltips-tip-text{font-size:.85rem;line-height:1.5;color:var(--color-text)}.alltips-footer{position:sticky;bottom:var(--space-lg);padding-top:var(--space-lg)}.final-screen{background:var(--gradient-soft);gap:var(--space-xl);padding:var(--space-2xl)}.final-celebration{text-align:center}.celebration-emoji{font-size:3rem;margin-bottom:var(--space-md);animation:bounce 1s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.final-title{font-family:var(--font-display);font-size:clamp(1.75rem,6vw,2.25rem);font-weight:500;color:var(--color-dark);margin-bottom:var(--space-sm)}.final-subtitle{font-size:.9rem;color:var(--color-muted);max-width:280px;margin:0 auto}.final-cta-glass .glass-surface__content{padding:0}.final-cta{padding:var(--space-2xl);text-align:center}.final-cta h3{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--color-dark);margin-bottom:var(--space-xs)}.final-cta>p{font-size:.9rem;color:var(--color-muted);margin-bottom:var(--space-lg)}.cta-buttons{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.btn-cta{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.9rem;font-weight:600;text-decoration:none;transition:var(--transition-fast)}.btn-telegram{background:#08c;color:var(--color-white)}.btn-telegram:hover{background:#069}.btn-whatsapp{background:#25d366;color:var(--color-white)}.btn-whatsapp:hover{background:#1da851}.phone-link{display:block;font-size:1.1rem;font-weight:600;color:var(--color-wine);text-decoration:none;padding:var(--space-sm);transition:var(--transition-fast)}.phone-link:hover{color:var(--color-dark)}.final-secondary{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm)}.btn-secondary{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:.85rem;font-weight:500;color:var(--color-text);text-decoration:none;cursor:pointer;box-shadow:var(--shadow-sm);transition:var(--transition-fast)}.btn-secondary:hover{box-shadow:var(--shadow-md);color:var(--color-wine)}.final-footer{text-align:center;padding-top:var(--space-lg)}.footer-name{font-family:var(--font-display);font-size:1.1rem;color:var(--color-dark);font-weight:500;margin:0}.footer-small{font-size:.75rem;color:var(--color-muted);font-weight:400;margin-top:var(--space-xs)}@media(max-width:480px){.screen{padding:var(--space-lg)}.quiz-progress{left:var(--space-lg);right:var(--space-lg);top:var(--space-lg)}.intro-inner,.tip-card,.final-cta{padding:var(--space-xl)}.final-secondary{width:100%}.btn-secondary{flex:1;min-width:140px;justify-content:center}.alltips-screen{padding-top:var(--space-lg)}}@supports (padding: max(0px)){.screen{padding-top:max(var(--space-xl),env(safe-area-inset-top));padding-bottom:max(var(--space-xl),env(safe-area-inset-bottom))}}.plasma-bg{position:fixed;inset:0;z-index:0;pointer-events:none}.plasma-bg .plasma-container{pointer-events:auto}.app{position:relative;z-index:1}.screen{position:relative;z-index:1;background:transparent}.intro-screen,.quiz-screen,.tips-screen,.instagram-screen,.alltips-screen,.final-screen{background:transparent!important}.intro-decor,.instagram-decor{z-index:0}.iridescence-bg{position:fixed;inset:0;z-index:0}.intro-title-blur{font-family:var(--font-display);font-size:clamp(2rem,8vw,3rem);font-weight:500;line-height:1.1;color:var(--color-dark);margin:0}.intro-title-blur.accent{color:var(--color-wine);font-style:italic;font-weight:400;font-size:clamp(2.2rem,9vw,3.3rem)}.quiz-question-blur{font-family:var(--font-display);font-size:clamp(1.5rem,6vw,2rem);font-weight:500;color:var(--color-dark);margin-bottom:var(--space-2xl);line-height:1.3}.tips-title-blur{font-family:var(--font-display);font-size:1.75rem;font-weight:500;color:var(--color-dark);margin:0 0 var(--space-xs)}.final-title-blur{font-family:var(--font-display);font-size:clamp(1.75rem,6vw,2.25rem);font-weight:500;color:var(--color-dark);margin:0 0 var(--space-sm)}.intro-title-blur,.intro-title-blur.accent,.quiz-question-blur,.tips-title-blur,.final-title-blur{color:var(--color-white);text-shadow:0 2px 20px rgba(0,0,0,.3)}.intro-badge{background:#fff3;color:var(--color-white);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.intro-text,.intro-hint span{color:#ffffffe6}.tips-subtitle,.final-subtitle{color:#ffffffd9}.quiz-progress-text{color:#fffc}.quiz-progress-bar{background:#fff3}.tips-dot{background:#ffffff4d}.tips-dot.active{background:var(--color-white)}.tips-dot.done{background:#fff9}.footer-name{color:var(--color-white)}.footer-small{color:#ffffffb3}.celebration-emoji{filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}