:root{--color-primary: #1d1d1f;--color-primary-dark: #000000;--color-accent: #2997ff;--bg-body: #f5f5f7;--bg-surface: #ffffff;--bg-card: #ffffff;--bg-highlight: #e8e8ed;--bg-glass: rgba(255, 255, 255, .65);--text-primary: #1d1d1f;--text-secondary: #86868b;--text-muted: #a1a1a6;--text-inverse: #ffffff;--border-generic: #d2d2d7;--border-highlight: #a1a1a6;--color-success: #34c759;--color-warning: #ff9f0a;--color-danger: #ff3b30;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 4rem;--space-2xl: 8rem;--radius-sm: .5rem;--radius-md: .8rem;--radius-lg: 1.2rem;--radius-xl: 1.8rem;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 8px 24px rgba(0, 0, 0, .06);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .08);--shadow-3d: 0 24px 60px rgba(0, 0, 0, .12);--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;--font-mono: "SF Mono", Menlo, monospace}html,body{margin:0;padding:0;width:100%;overflow-x:hidden}body{font-family:var(--font-sans);background-color:#fff;color:var(--text-primary);line-height:1.5;letter-spacing:-.011em;min-height:100vh;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.glass-panel{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,1);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000005,inset 0 0 0 1px #fff9;border-radius:var(--radius-xl)}.btn-primary{background:var(--text-primary);color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius-full);font-weight:600;letter-spacing:-.01em;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #0f172a26;display:inline-flex;align-items:center;gap:.5rem}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0f172a33;background:#000}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.icon-spin{animation:spin 1s linear infinite}.animate-float{animation:float 6s ease-in-out infinite}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-highlight);border-radius:4px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}.auth-modal-overlay{position:fixed;inset:0;background:#fff6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md);animation:overlayFadeIn .3s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.auth-modal.creative{position:relative;background:#fffffffa;border:1px solid rgba(0,0,0,.08);border-radius:24px;max-width:440px;width:100%;overflow:hidden;box-shadow:0 40px 80px -12px #00000040,0 0 0 1px #00000005;animation:modal3DFlip .6s cubic-bezier(.16,1,.3,1) forwards;transform-origin:center center;transform-style:preserve-3d;backface-visibility:hidden}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-bg-orbs{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;background:radial-gradient(circle at top right,rgba(230,240,255,.5),transparent 70%)}.auth-modal-close{position:absolute;top:20px;right:20px;z-index:10;background:#0000000d;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.auth-modal-close:hover{background:#0000001a;color:var(--text-dark);transform:rotate(90deg)}.auth-modal-content{position:relative;z-index:1;padding:40px 32px 32px}.auth-modal-header{text-align:center;margin-bottom:32px}.auth-icon-badge{width:64px;height:64px;margin:0 auto 16px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:#f0f9ff;border:1px solid #e0f2fe;color:var(--color-primary);box-shadow:0 4px 6px -1px #0000000d}.auth-icon-badge.welcome{background:#f0fdf4;border-color:#dcfce7;color:var(--color-success)}.auth-icon-badge.recovery{background:#fffbeb;border-color:#fef3c7;color:var(--color-warning)}.auth-modal-header h2{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--text-dark);margin-bottom:8px;letter-spacing:-.02em}.auth-modal-subtitle{color:var(--text-secondary);font-size:.95rem}.auth-alert{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;font-size:.875rem;margin-bottom:20px;animation:alertSlide .3s ease;border:1px solid transparent}.auth-alert.error{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.auth-alert.success{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}.checkbox-label{display:flex;align-items:flex-start;gap:12px;font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin-top:4px;cursor:pointer}.checkbox-label input[type=checkbox]{margin-top:3px;width:18px;height:18px;accent-color:var(--text-dark);cursor:pointer}.checkbox-label a{color:var(--text-dark);text-decoration:none;font-weight:600;border-bottom:1px solid rgba(0,0,0,.2);transition:all .2s ease}.checkbox-label a:hover{border-bottom-color:#000}.email-notice{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-muted);margin-top:8px;background:#f9fafb;padding:8px 12px;border-radius:8px}.auth-form{display:flex;flex-direction:column;gap:20px}.input-group{position:relative}.input-group input{width:100%;padding:14px 14px 14px 48px;background:#fff;border:1px solid var(--border-generic);border-radius:12px;color:var(--text-dark);font-size:.95rem;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.input-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #2563eb1a}.input-group input::placeholder{color:var(--text-muted)}.input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;transition:color .2s ease}.input-group input:focus~.input-icon,.input-group:focus-within .input-icon{color:var(--color-primary)}.toggle-password{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px}.toggle-password:hover{color:var(--text-dark)}.btn-primary-auth,.btn-continue-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:var(--text-dark);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px #0000001a}.btn-primary-auth:hover:not(:disabled),.btn-continue-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a;background:#000}.btn-primary-auth:disabled,.btn-continue-primary:disabled{opacity:.5;cursor:not-allowed;background:var(--text-muted)}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.forgot-password-link{background:none;border:none;color:var(--color-primary);font-size:.85rem;font-weight:600;cursor:pointer;padding:0}.forgot-password-link:hover{text-decoration:underline;color:var(--color-primary-dark)}.auth-divider{display:flex;align-items:center;margin:24px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-generic)}.auth-divider span{padding:0 16px;color:var(--text-muted-dark);font-size:.8rem;font-weight:500}.oauth-row{display:flex;gap:12px;justify-content:center}.btn-oauth-compact{width:100%;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;cursor:pointer;transition:all .2s ease;font-weight:500;font-size:.9rem;gap:8px}.btn-oauth-compact.google{background:#fff;border:1px solid var(--border-generic);color:var(--text-dark);box-shadow:0 1px 2px #0000000d}.btn-oauth-compact.google:hover{background:#f9fafb;border-color:var(--border-highlight);transform:translateY(-1px)}.btn-oauth-compact.github{background:#24292e;border:1px solid #24292e;color:#fff;box-shadow:0 1px 2px #0000001a}.btn-oauth-compact.github:hover{background:#2f363d;transform:translateY(-1px)}.auth-footer{text-align:center;margin-top:24px;color:var(--text-secondary);font-size:.875rem}.auth-footer button{background:none;border:none;color:var(--color-primary);cursor:pointer;font-weight:600;padding:0 0 0 4px}.auth-footer button:hover{text-decoration:underline}.recovery-codes-container{background:#f8fafc;border:1px solid var(--border-generic);border-radius:16px;padding:16px;margin-bottom:20px}.recovery-code-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid var(--border-generic);border-radius:8px}.recovery-code-item code{font-family:var(--font-mono);font-size:.85rem;color:var(--text-dark);font-weight:600}.btn-copy-all{width:100%;padding:12px;background:#fff;border:1px solid var(--border-generic);border-radius:12px;color:var(--text-dark);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:16px;box-shadow:0 1px 2px #0000000d}.btn-copy-all:hover{background:#f9fafb;border-color:var(--border-highlight)}.btn-copy-all.copied{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}@media(max-width:480px){.auth-modal.creative{height:100%;max-height:100%;border-radius:0}}.language-selector{position:relative;display:inline-block}.language-btn{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid rgba(0,0,0,.1);padding:6px 12px;border-radius:20px;cursor:pointer;color:#475569;font-size:.875rem;font-weight:500;transition:all .2s ease}.language-btn:hover{background:#0000000d;color:#0f172a}.current-lang{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.lang-chevron{transition:transform .2s ease}.lang-chevron.open{transform:rotate(180deg)}.language-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:140px;background:#fff;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;border:1px solid rgba(0,0,0,.05);overflow:hidden;z-index:100;animation:fadeInDown .15s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.lang-option{display:flex;width:100%;align-items:center;gap:12px;padding:10px 16px;background:transparent;border:none;cursor:pointer;text-align:left;transition:background .15s ease}.lang-option:hover{background:#f8fafc}.lang-option.active{background:#eff6ff;color:#2563eb}.lang-option.active .lang-code{color:#2563eb}.lang-code{font-size:.75rem;font-weight:700;color:#64748b;font-family:ui-monospace,SFMono-Regular,monospace;width:20px}.lang-name{font-size:.875rem;font-weight:500}.header{position:sticky;top:0;z-index:100;background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-generic);transition:all .2s ease}.header-content{display:flex;align-items:center;justify-content:space-between;height:70px}.logo{display:flex;align-items:baseline;gap:0;font-family:JetBrains Mono,Courier New,monospace;font-size:1.4rem;font-weight:800;color:var(--text-dark);text-decoration:none;transition:opacity .2s ease;text-transform:uppercase;letter-spacing:-.05em}.logo span{color:#0ea5e9;font-size:1.4rem;line-height:1;margin-left:2px}.nav-links{display:flex;align-items:center;gap:2rem}.nav-link{font-size:.95rem;font-weight:500;color:var(--text-muted-dark);text-decoration:none;transition:all .2s ease;position:relative}.nav-link-btn{background:transparent;border:none;font-size:.9rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:color .2s ease;padding:.5rem 1rem;font-family:Inter,system-ui,sans-serif;letter-spacing:-.01em}.nav-link-btn:hover{color:var(--text-primary);text-decoration:underline;text-underline-offset:4px}.nav-link:hover{color:var(--color-primary)}.nav-actions{display:flex;align-items:center;gap:1rem}.btn-login-pill{font-size:.95rem;font-weight:600;padding:.6rem 1.5rem;background:#000;color:#fff;border:none;border-radius:99px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 6px #0000001a;opacity:1}.btn-login-pill:hover{background:#333;transform:translateY(-1px);box-shadow:0 6px 12px #00000026}@media(max-width:768px){.nav-links{display:none}.nav-actions{gap:.5rem}.btn-login{display:none}}.user-menu-container{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:.625rem;padding:.375rem .5rem .375rem .375rem;background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.user-menu-trigger:hover{border-color:var(--color-primary-light);box-shadow:0 2px 5px #00000014}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid var(--border-light)}.user-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:var(--color-primary-light);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.pro-badge{position:absolute;bottom:-2px;right:18px;color:#f59e0b;background:#fff;border-radius:50%;padding:1px;box-shadow:0 1px 2px #0000001a}.menu-arrow{color:var(--text-muted-dark);transition:transform .2s ease}.menu-arrow.open{transform:rotate(180deg)}.user-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:240px;background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 10px 40px #0000001a;z-index:200;animation:menuFadeIn .2s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.user-menu-header{padding:1rem;background:var(--bg-surface-light);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.user-email{font-size:.85rem;color:var(--text-dark);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.tier-badge{font-size:.65rem;font-weight:700;padding:.2rem .5rem;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em}.tier-badge.pro{background:#fffbeb;color:#d97706;border:1px solid #fcd34d}.tier-badge.free{background:#f4f4f5;color:#71717a}.user-menu-divider{height:1px;background:var(--border-light);margin:.25rem 0}.user-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:#fff;border:none;color:var(--text-secondary-dark);font-size:.9rem;font-weight:500;text-align:left;cursor:pointer;transition:all .15s ease}.user-menu-item:hover{background:var(--bg-surface-light);color:var(--color-primary)}.user-menu-item svg{opacity:.7;transition:opacity .2s}.user-menu-item:hover svg{opacity:1}.user-menu-item.danger{color:#ef4444}.user-menu-item.danger:hover{background:#fef2f2;color:#dc2626}.layout{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding-top:80px}.hero{padding:0 0 var(--space-lg);text-align:center;position:relative;overflow:visible;height:auto;z-index:10;background:transparent}.hero-hand-bg{position:absolute;top:50%;left:10%;transform:translateY(-50%);width:300px;height:auto;pointer-events:none;z-index:1;opacity:0;animation:lockFadeIn 1.2s cubic-bezier(.22,1,.36,1) .3s forwards,handFloat 6s ease-in-out infinite 1.5s}.hero-hand-bg img{width:100%;height:auto;opacity:.6}@keyframes handSlideUp{0%{opacity:0;transform:translate(-50%) translateY(100px)}to{opacity:.9;transform:translate(-50%) translateY(0)}}@keyframes handFloat{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-15px)}}.hero-content{position:relative;z-index:10}.hero-faded{opacity:0;pointer-events:none}.hero-icon-wrapper{width:80px;height:80px;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:24px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg);box-shadow:0 10px 25px #0ea5e940;color:#fff}.hero-ghost-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.hero-headline{font-size:4rem;font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:var(--space-sm);color:var(--text-primary);text-wrap:balance;max-width:900px;margin-left:auto;margin-right:auto}.text-highlight{background:none;color:#0ea5e9;background-image:linear-gradient(135deg,#0ea5e9,#0284c7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:inherit;font-weight:800;text-transform:uppercase;letter-spacing:-.02em;position:relative;display:inline-block;padding:0;border-radius:0;margin-left:.2em;box-shadow:none}.hero-italic-sub{font-size:1.5rem;font-family:Georgia,serif;font-style:italic;color:#64748b;margin-bottom:var(--space-md)}.hero-subheadline{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto var(--space-lg);line-height:1.6}.hero-pills{display:flex;justify-content:center;gap:1rem;margin-bottom:var(--space-lg);flex-wrap:wrap}.hero-pill-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:9999px;font-size:.9rem;color:#475569;background:#fff;transition:all .2s}.hero-pill-item:hover{border-color:#0ea5e9;color:#0ea5e9}.how-it-works-toggle{display:inline-flex;align-items:center;gap:.5rem;font-size:1rem;color:#0ea5e9;font-weight:500;background:none;border:none;cursor:pointer;margin-bottom:0}.how-it-works-toggle:hover{text-decoration:underline}.toggle-chevron{transition:transform .3s ease}.how-it-works-toggle.open .toggle-chevron{transform:rotate(180deg)}.hero-collapsible{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .2s ease-out;opacity:0}.hero-collapsible.open{max-height:800px;opacity:1;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease-in;margin-top:.5rem;margin-bottom:1rem}.hero-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:.75rem;padding-bottom:.5rem;text-align:left}.step-item{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem 1rem;background:#ffffff80;border:1px solid rgba(0,0,0,.04);border-radius:20px;height:auto;align-items:center;text-align:center;max-width:320px;margin:0 auto;transition:all .4s cubic-bezier(.25,1,.5,1)}.step-item:hover{transform:scale(1.05) translateY(-5px);background:#fff;border-color:#0ea5e933;box-shadow:0 20px 40px -10px #00000014;z-index:10}.step-number{flex-shrink:0;width:auto;height:auto;background:none!important;color:#0ea5e9;border-radius:0;display:block;font-weight:800;font-size:2.75rem;line-height:1;margin-bottom:.25rem;letter-spacing:-.05em}.step-content{flex:1}.step-content h3{font-size:1.1rem;font-weight:700;color:#1e293b;margin:0 0 .5rem;line-height:1.3}.step-content p{font-size:.9rem;color:#64748b;margin:0;line-height:1.6}.steps-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:900px;margin:0 auto}.step-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.75rem 1.5rem;text-align:center;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.step-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000014;border-color:#cbd5e1}.step-badge{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;color:#fff;margin-bottom:1rem}.step-badge.blue{background:#0ea5e9}.step-badge.teal{background:#14b8a6}.step-badge.orange{background:#f59e0b}.step-card h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.step-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin:0}.hero-trust-badge{display:none}.hero-trust-badge .trust-icon{color:#0ea5e9}.mobile-ghost-bg{display:none}@media(max-width:768px){.hero{padding-top:0!important;padding-bottom:2rem;background:radial-gradient(circle at 50% 0%,#0ea5e91a,#fff0 50%)!important}.hero-content{padding-top:0!important}.hero-hand-bg{display:none}.mobile-ghost-bg{display:none!important}.hero-trust-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem;background:#fffc;border:1px solid #e2e8f0;border-radius:99px;font-size:.8rem;font-weight:600;color:#64748b;margin-bottom:1.5rem;margin-top:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 6px #00000008}@keyframes lockFloat{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}.steps-card-grid{grid-template-columns:1fr;gap:1rem}.step-card{padding:1.25rem}.hero-headline{font-size:2rem;line-height:1.1;letter-spacing:-.05em;white-space:normal;overflow:visible;padding:.85rem 1rem;margin-top:-4rem;margin-bottom:.5rem;background:linear-gradient(to bottom,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;box-shadow:inset 0 2px 4px #ffffff80}.text-highlight{font-size:inherit;padding:0;margin-left:.2em;display:inline-block;background:none;color:#0ea5e9;background-image:linear-gradient(135deg,#0ea5e9,#0284c7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;text-transform:uppercase;letter-spacing:-.02em}.hero-italic-sub{font-size:.95rem;margin-bottom:1rem;line-height:1.5;padding:0 1rem}.how-it-works-toggle{margin-bottom:.75rem;font-size:.9rem}.hero-steps-grid{display:flex;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;gap:1rem;padding:.5rem 1rem 2rem;margin:1rem -1rem 0;width:calc(100% + 2rem);max-width:none;scrollbar-width:none}.hero-steps-grid::-webkit-scrollbar{display:none}.step-item{flex:0 0 75%;width:75%;min-width:0;flex-direction:column;gap:.75rem;padding:1.5rem 1rem;border:1px solid rgba(0,0,0,.04);border-radius:20px;scroll-snap-align:center;background:#ffffff80;box-shadow:none;align-items:center;text-align:center;margin-right:0;transition:all .4s cubic-bezier(.25,1,.5,1)}.step-item:last-child{margin-right:1rem}.hero-pill-item{font-size:.8rem;padding:.4rem .8rem}}.mail-box-container{max-width:800px;margin:0 auto;padding:0}.error-banner{background:#fef2f2e6;border-radius:8px;color:#ef4444;padding:.75rem 1rem;font-size:.9rem;margin-bottom:1rem;text-align:center}.unified-capsule{background:#fff;box-shadow:0 20px 40px -12px #0000001f;border-radius:24px;padding:.75rem;position:relative;overflow:visible;transition:transform .2s ease,box-shadow .2s ease;border:1px solid rgba(0,0,0,.04);max-width:600px;margin:0 auto}.unified-capsule:hover{transform:translateY(-4px);box-shadow:0 30px 60px -12px #00000026}.capsule-content{display:flex;align-items:center;justify-content:space-between;height:64px;padding-left:1.5rem;padding-right:.5rem}.email-section{flex:1;display:flex;align-items:center;overflow:hidden;margin-right:1rem;pointer-events:none}.email-value{width:100%;border:none;background:transparent;font-family:JetBrains Mono,SF Mono,monospace;font-size:1.125rem;pointer-events:auto;color:#111827;font-weight:600;outline:none;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.02em}.email-value.placeholder{color:#9ca3af;font-family:var(--font-sans);font-style:normal}.email-value.loading{color:#0ea5e9}.actions-section{display:flex;align-items:center;gap:.75rem;overflow:visible}.divider-vertical{width:1px;height:32px;background:#f3f4f6;margin:0 .5rem;display:block}.action-icon-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;border:none;background:transparent;color:#6b7280;cursor:pointer;transition:all .2s ease;position:relative;overflow:visible;pointer-events:auto}.action-icon-btn:hover{background:#f3f4f6;color:#111827;border-color:#e5e7eb;transform:translateY(-1px)}.action-icon-btn:active{transform:translateY(1px)}.action-icon-btn.success{color:#10b981;background:#ecfdf5;border-color:#10b981}@keyframes successPop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.copy-tooltip{position:absolute;top:-45px;left:50%;transform:translate(-50%);background:#10b981;color:#fff;padding:.35rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;white-space:nowrap;pointer-events:none;animation:tooltipFadeIn .2s ease;box-shadow:0 2px 8px #10b9814d;z-index:1000}.copy-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#10b981}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.action-icon-btn.primary{background:#0ea5e9;color:#fff;box-shadow:0 4px 12px #0ea5e94d;border:none;position:relative}.action-icon-btn.primary:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.action-icon-btn.primary:hover{background:#0284c7;border-color:#0284c7;transform:translateY(-1px);box-shadow:0 2px #0003}.action-icon-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.capsule-progress{position:absolute;bottom:0;left:0;width:100%;height:2px;background:transparent}.capsule-progress-bar{height:100%;background:#0ea5e9;transition:width 1s linear;opacity:1}.generate-button-row{margin-top:1rem;display:flex;justify-content:center;align-items:center}.btn-generate-new{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#0ea5e9;color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0ea5e933}.btn-generate-new:hover:not(:disabled){background:#0284c7;transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e94d}.btn-generate-new:active:not(:disabled){transform:translateY(0)}.btn-generate-new:disabled{opacity:.5;cursor:not-allowed}.btn-generate-new svg{flex-shrink:0}.timer-display{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.75rem;font-family:JetBrains Mono,SF Mono,monospace;color:#64748b;font-size:.85rem;font-weight:500}.timer-label{text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;opacity:.8}.timer-value{color:#0f172a;font-weight:700}.timer-text-sub{display:none}.loading-dots:after{content:"";animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}@media(max-width:768px){.unified-capsule{width:100%;margin:0;border-radius:20px;border:1px solid #94a3b8;border-left:none;border-right:none;box-shadow:none;background:transparent}.capsule-content{height:52px;padding:.25rem .25rem .25rem .5rem;flex-direction:row;gap:.25rem;align-items:center}.email-section{margin-right:.25rem;text-align:left;border-bottom:none;padding-bottom:0;flex:1;min-width:0;overflow:hidden}.email-value{text-align:left;font-size:.95rem;font-weight:400}.actions-section{justify-content:flex-end;gap:.25rem;flex-shrink:0}.action-icon-btn{width:34px;height:34px}.divider-vertical{display:block;height:20px;margin:0 .25rem}}.trust-batches{display:flex;justify-content:center;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}.trust-batch{font-size:.7rem;color:#64748b;background:#f1f5f9;padding:.25rem .6rem;border-radius:99px;font-weight:500;border:1px solid #e2e8f0}.email-reader{background:var(--bg-surface);border:1px solid var(--border-generic);border-radius:var(--radius-lg);height:100%;max-height:100%;display:flex;flex-direction:column;overflow:hidden}.email-reader--empty{display:flex;align-items:center;justify-content:center}.empty-state{text-align:center;color:var(--text-muted)}.empty-icon{font-size:2rem;display:block;margin-bottom:.5rem;opacity:.5}.empty-state p{font-size:.85rem}.email-reader--loading{flex:1;display:flex;align-items:center;justify-content:center}.spinner{width:24px;height:24px;border:2px solid var(--border-generic);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.email-reader--error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--text-muted)}.email-reader--error button{background:var(--color-primary);color:#fff;border:none;padding:.35rem 1rem;border-radius:4px;cursor:pointer;font-size:.8rem}.email-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-bottom:1px solid var(--border-generic);flex-shrink:0}.header-actions{display:flex;gap:.5rem}.icon-btn{background:none;border:none;color:var(--text-secondary);padding:.25rem .5rem;cursor:pointer;font-size:.9rem;border-radius:4px;transition:all .15s}.icon-btn:hover{background:var(--bg-highlight);color:var(--text-primary)}.icon-btn--danger:hover{color:#ef4444;background:#ef44441a}.toggle-btn{background:var(--bg-highlight);border:none;color:var(--text-muted);padding:.2rem .5rem;border-radius:3px;cursor:pointer;font-size:.65rem;font-weight:600;letter-spacing:.05em}.toggle-btn.active{background:var(--color-primary);color:#fff}.email-content{flex:1;display:flex;flex-direction:column;padding:.75rem;min-height:0;overflow:hidden}.email-subject{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .35rem;line-height:1.3;flex-shrink:0}.email-from{display:flex;align-items:center;gap:.75rem;font-size:.75rem;margin-bottom:.75rem;flex-shrink:0}.from-email{color:var(--text-secondary)}.from-date{color:var(--text-muted)}.email-body{flex:1;min-height:0;background:#fff;color:#1a1a1a;border-radius:6px;overflow-y:auto;-webkit-overflow-scrolling:touch}.body-content{padding:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:.9rem;line-height:1.6;word-wrap:break-word}.body-content img{max-width:100%;height:auto}.body-text{padding:1rem;margin:0;white-space:pre-wrap;word-wrap:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}@media(max-width:900px){.email-reader{display:none}}.inbox-section{padding:0 0 20px;scroll-margin-top:130px}.inbox-wrapper{height:85vh;min-height:85vh;width:100%;max-width:100%;margin:0 auto;display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid var(--border-generic);box-shadow:0 1px 3px #0000000d;border-radius:var(--radius-lg);transition:all .3s ease}.inbox-wrapper.full-screen-mode{border-radius:var(--radius-xl)}.inbox-wrapper.reading-mode{height:85vh;min-height:85vh}.inbox-content-area{flex:1;overflow-y:auto;height:100%;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.inbox-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-generic);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;position:relative;flex-shrink:0}.inbox-header-list,.inbox-header-detail{display:flex;justify-content:space-between;align-items:center;height:40px}.inbox-header-left{display:flex;align-items:center;gap:var(--space-md)}.inbox-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.message-badge{background:var(--bg-surface);color:var(--text-secondary);padding:.2rem .6rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;border:1px solid var(--border-generic)}.btn-back{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-weight:500;font-size:.9rem;padding:.5rem .75rem;border-radius:var(--radius-md);transition:all .2s;margin-left:-.5rem;cursor:pointer;z-index:101}.btn-back:hover{background:var(--bg-surface);color:var(--text-primary)}.action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--text-secondary);transition:all .2s}.action-btn:hover{background:var(--bg-surface);color:var(--text-primary)}.action-btn.delete:hover{background:#fee2e2;color:var(--color-danger)}.refresh-btn{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;color:var(--text-secondary);padding:.4rem .8rem;border-radius:var(--radius-full);background:transparent;transition:all .2s}.refresh-btn:hover:not(:disabled){background:var(--bg-surface);color:var(--text-primary)}.refresh-btn.refreshing{color:var(--color-primary)}.inbox-content-area{flex:1;position:relative;background:#fff}.email-row{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-md);padding:.85rem var(--space-lg);border-bottom:1px solid var(--border-generic);cursor:pointer;transition:background .15s;align-items:flex-start}.email-row:hover{background:var(--bg-surface);box-shadow:inset 2px 0 0 var(--color-primary)}.email-row.unread{background:#fff}.email-row.unread .sender-name,.email-row.unread .subject{font-weight:700;color:var(--text-primary)}.row-prefix{padding-top:2px}.sender-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--bg-surface),var(--bg-highlight));display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--text-primary);border:1px solid var(--border-generic)}.row-content{min-width:0}.row-header{display:flex;justify-content:space-between;margin-bottom:.2rem}.sender-name{font-weight:500;color:#1e293b;font-size:.95rem}.email-time{font-size:.75rem;color:var(--text-muted)}.row-body{display:flex;font-size:.9rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subject{color:var(--text-primary);margin-right:.5rem}.snippet{color:var(--text-muted);font-weight:400}.unread-dot{width:8px;height:8px;border-radius:50%;background:var(--color-primary);margin-top:8px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center;height:100%;min-height:400px}.empty-orb{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--bg-surface),var(--bg-highlight));display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-lg);color:var(--text-muted);box-shadow:0 4px 20px #3b82f626,0 0 #3b82f633;animation:orbFloat 3s ease-in-out infinite,orbPulse 2s ease-in-out infinite;position:relative}.empty-orb:before{content:"";position:absolute;inset:-4px;border-radius:50%;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);animation:orbRing 2s ease-in-out infinite;z-index:-1}@keyframes orbFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes orbPulse{0%,to{box-shadow:0 4px 20px #3b82f626,0 0 #3b82f633}50%{box-shadow:0 8px 30px #3b82f640,0 0 0 8px #3b82f600}}@keyframes orbRing{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.3}}.empty-state h3{font-family:var(--font-display);font-size:1.25rem;color:var(--text-primary);margin-bottom:var(--space-sm)}.empty-state p{color:var(--text-muted);max-width:300px}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-in{animation:slideIn .3s cubic-bezier(.16,1,.3,1)}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media(max-width:600px){.email-row{padding:var(--space-md);gap:var(--space-sm)}.row-body{flex-direction:column;white-space:normal}.snippet{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}.features-section{padding:var(--space-2xl) 0;background:var(--bg-body)}.features-header{text-align:center;margin-bottom:var(--space-xl)}.features-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-sm)}.features-subtitle{font-size:1.0625rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl)}.feature-card{background:var(--bg-surface);border:1px solid var(--border-generic);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all .2s}.feature-card:hover{border-color:var(--border-highlight);transform:translateY(-2px)}.feature-icon{width:40px;height:40px;color:var(--color-primary);margin-bottom:var(--space-md)}.feature-icon svg{width:100%;height:100%}.feature-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.feature-description{font-size:.9375rem;color:var(--text-secondary);line-height:1.6}.trust-badges{display:flex;justify-content:center;gap:var(--space-lg);flex-wrap:wrap;padding-top:var(--space-lg);border-top:1px solid var(--border-generic)}.trust-badge{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-card);border:1px solid var(--border-generic);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-secondary);font-weight:500}.trust-badge:nth-child(2){transform:translateY(-3px)}.trust-badge:nth-child(4){transform:translateY(2px)}.badge-icon{font-size:1.25rem}@media(max-width:768px){.features-grid{grid-template-columns:1fr}.trust-badges{gap:var(--space-sm)}.trust-badge{font-size:.8125rem;padding:.4rem .75rem}}.pricing-section{padding:var(--space-2xl) 0;background:var(--bg-body)}.pricing-header{text-align:center;margin-bottom:var(--space-2xl)}.pricing-title{font-size:2rem;font-weight:700;margin-bottom:var(--space-xs);color:var(--text-primary)}.pricing-subtitle{color:var(--text-secondary)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg);max-width:900px;margin:0 auto}.pricing-card{background:var(--bg-surface);border:1px solid var(--border-generic);border-radius:14px;padding:28px;display:flex;flex-direction:column;transition:all .2s;position:relative}.pricing-card.featured{border:2px solid var(--color-primary);border-radius:12px;background:linear-gradient(to bottom,var(--bg-surface),rgba(59,130,246,.05));box-shadow:0 0 20px #3b82f61f}.plan-name{font-size:.9rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:18px}.plan-price{font-size:2.5rem;font-weight:700;margin-bottom:22px;color:var(--text-primary);display:flex;align-items:baseline;gap:4px}.plan-price span{font-size:1rem;color:var(--text-muted);font-weight:400}.plan-features{list-style:none;margin-bottom:var(--space-xl);flex:1}.plan-features li{margin-bottom:var(--space-sm);display:flex;align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-size:.95rem}.check-icon{color:var(--color-success);flex-shrink:0}.featured-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:.375rem;background:linear-gradient(135deg,var(--color-primary),#8b5cf6);color:#fff;font-size:.75rem;font-weight:600;padding:.375rem .875rem;border-radius:var(--radius-full);white-space:nowrap}.plan-name.pro{color:var(--color-primary)}.btn-pricing{width:100%;padding:var(--space-md);border-radius:7px;font-weight:600;text-align:center;transition:all .2s;font-size:.95rem}.btn-pricing.outline{background:transparent;border:1px solid var(--border-generic);color:var(--text-primary)}.btn-pricing.outline:hover{border-color:var(--text-primary);background:var(--bg-highlight)}.btn-pricing.primary{background:var(--color-primary);color:#fff;border:1px solid transparent}.btn-pricing.primary:hover{background:var(--color-primary-dark)}.faq-section{padding:var(--space-2xl) 0 0;background:var(--bg-surface)}.faq-header{text-align:center;margin-bottom:var(--space-xl)}.faq-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-sm)}.faq-subtitle{font-size:1.0625rem;color:var(--text-secondary)}.faq-list{max-width:800px;margin:0 auto}.faq-item{background:var(--bg-body);border:1px solid var(--border-generic);border-radius:var(--radius-md);margin-bottom:var(--space-sm);overflow:hidden;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 1px 3px #00000005}.faq-item:hover{border-color:var(--border-highlight);transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.faq-item.open{border-color:var(--color-primary);box-shadow:0 6px 20px #3b82f61a}.faq-question{width:100%;padding:var(--space-md) var(--space-lg);display:flex;justify-content:space-between;align-items:center;background:transparent;border:none;color:var(--text-primary);font-size:1rem;font-weight:500;text-align:left;cursor:pointer;transition:all .2s}.faq-question:hover{color:var(--color-primary)}.faq-icon{color:var(--text-muted);min-width:24px;transition:transform .3s ease,color .2s ease}.faq-icon.rotated{transform:rotate(180deg)}.faq-item.open .faq-icon{color:var(--color-primary)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq-item.open .faq-answer{max-height:300px;padding:0 var(--space-lg) var(--space-md)}.faq-answer p{color:var(--text-secondary);font-size:.9375rem;line-height:1.7;margin:0}@media(max-width:640px){.faq-question{padding:var(--space-md);font-size:.9375rem}.faq-item.open .faq-answer{padding:0 var(--space-md) var(--space-md)}}.floating-qr-container{position:fixed;bottom:2rem;right:2rem;z-index:100;display:flex;flex-direction:column;align-items:flex-end;gap:1rem}.floating-qr-trigger{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;background:#fff;color:var(--text-dark);border:1px solid var(--border-light);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .2s cubic-bezier(.16,1,.3,1);cursor:pointer}.floating-qr-trigger:hover{transform:scale(1.1);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;color:var(--color-primary);border-color:var(--color-primary-light)}.qr-popup{padding:1rem;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;align-items:center;gap:1rem;transform-origin:bottom right}.qr-header{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;color:var(--text-dark)}.close-btn{padding:4px;border-radius:4px;color:var(--text-muted-dark);transition:all .2s;background:transparent;border:none;cursor:pointer}.close-btn:hover{background:var(--bg-surface-light);color:var(--text-dark)}.qr-code-wrapper{background:#fff;padding:.75rem;border-radius:var(--radius-md);border:1px solid var(--border-light);box-shadow:inset 0 2px 4px #00000005}.copy-btn-mini{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--color-primary);font-weight:600;padding:6px 10px;border-radius:4px;transition:background .2s;background:#2563eb0d;border:none;cursor:pointer}.copy-btn-mini:hover{background:#2563eb1a}.animate-pop-in{animation:popIn .3s cubic-bezier(.16,1,.3,1)}@keyframes popIn{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.qr-modal{position:relative;background:#fffffffa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.08);border-radius:24px;max-width:440px;width:100%;overflow:hidden;box-shadow:0 40px 80px -12px #00000040,0 0 0 1px #00000005;animation:modal3DFlip .6s cubic-bezier(.16,1,.3,1) forwards;transform-origin:center center;transform-style:preserve-3d}@keyframes modal3DFlip{0%{opacity:0;transform:translateY(20px) scale(.95) rotateX(10deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px 16px;border-bottom:1px solid var(--border-generic)}.modal-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text-dark);letter-spacing:-.01em;margin:0}.modal-close{background:transparent;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:4px;line-height:1;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.modal-close:hover{background:#0000000d;color:var(--text-dark)}.qr-body{padding:32px;text-align:center}.qr-instruction{font-size:.95rem;color:var(--text-secondary);margin-bottom:24px;line-height:1.5}.qr-code-container{display:flex;justify-content:center;align-items:center;padding:24px;background:#fff;border:1px solid var(--border-generic);border-radius:20px;margin:0 auto 24px;width:fit-content;box-shadow:0 4px 6px -1px #00000005}.qr-email-display{font-family:var(--font-mono);font-size:.9rem;color:var(--text-dark);background:#f8fafc;padding:12px 16px;border-radius:12px;border:1px solid var(--border-generic);word-break:break-all;font-weight:500}.modal-footer{padding:24px 32px;background:#f8fafc;border-top:1px solid var(--border-generic);display:flex;gap:12px;justify-content:flex-end}.btn-modal{padding:10px 20px;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-modal.secondary{background:#fff;border:1px solid var(--border-generic);color:var(--text-secondary)}.btn-modal.secondary:hover{background:#f1f5f9;color:var(--text-dark);border-color:var(--border-highlight)}.btn-modal.primary{background:var(--text-dark);color:#fff;border:1px solid transparent}.btn-modal.primary:hover{background:#000;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.modal-backdrop{position:fixed;inset:0;background:#fff9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.focus-mode{display:flex;flex-direction:column;min-height:100vh}.focus-mode .inbox-section{flex-grow:1;min-height:80vh;padding-top:20px;margin-top:0;display:flex;flex-direction:column;transition:all .5s ease}.focus-mode .inbox-content-area{flex-grow:1;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}html{scroll-behavior:smooth}.legal-page{min-height:100vh;background:var(--bg-body);padding:var(--space-xl) 0 var(--space-2xl)}.legal-container{max-width:800px}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--space-xl);transition:color .2s ease}.legal-header{text-align:center;margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--border-generic)}.legal-icon{color:var(--color-primary);margin-bottom:var(--space-md)}.legal-header h1{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-sm)}.legal-updated{color:var(--text-muted);font-size:.9rem}.legal-content{color:var(--text-secondary);line-height:1.8}.legal-section{margin-bottom:var(--space-xl)}.legal-section h2{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md)}.legal-section h2 svg{color:var(--color-primary)}.legal-section h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:var(--space-md) 0 var(--space-sm)}.legal-section p{margin-bottom:var(--space-md)}.legal-section ul{margin:var(--space-sm) 0 var(--space-md);padding-left:var(--space-lg)}.legal-section li{margin-bottom:var(--space-sm);position:relative}.legal-section li::marker{color:var(--color-primary)}.legal-section a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.legal-section a:hover{color:var(--color-primary-dark)}.highlight-box{padding:var(--space-md);border-radius:var(--radius-md);margin:var(--space-md) 0}.highlight-box strong{display:block;margin-bottom:var(--space-xs)}.highlight-box p{margin:0;font-size:.9rem}.highlight-box.success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#a7f3d0}.highlight-box.success strong{color:#34d399}.highlight-box.warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:#fcd34d}.highlight-box.warning strong{color:#fbbf24}.highlight-box.danger{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.highlight-box.danger strong{color:#f87171}@media(max-width:600px){.legal-header h1{font-size:1.75rem}.legal-section h2{font-size:1.1rem}}.settings-page{min-height:100vh;padding:120px var(--space-md) var(--space-xl);background:var(--bg-primary);position:relative;overflow:hidden}.settings-page:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);opacity:.3}.settings-container{max-width:1000px;margin:0 auto}.settings-header{margin-bottom:var(--space-xl)}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted);text-decoration:none;font-size:.9rem;margin-bottom:var(--space-md);transition:color .2s ease}.back-link:hover{color:var(--color-primary)}.settings-header h1{font-family:var(--font-display);font-size:2.5rem;color:var(--text-primary);margin-bottom:var(--space-xs);letter-spacing:-.02em}.settings-header p{color:var(--text-secondary);font-size:1.1rem}.settings-layout{display:grid;grid-template-columns:280px 1fr;gap:var(--space-xl);align-items:start}.settings-nav{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;padding:12px;display:flex;flex-direction:column;gap:4px;position:sticky;top:100px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;border-radius:12px;color:var(--text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;text-align:left;transition:all .2s ease;width:100%}.nav-item:hover{background:var(--bg-highlight);color:var(--text-primary)}.nav-item.active{background:#6366f11a;color:var(--color-primary);font-weight:600}.nav-item.danger:hover{background:#ef44441a;color:#f87171}.nav-arrow{margin-left:auto;opacity:0;transition:all .2s ease;transform:translate(-5px)}.nav-item.active .nav-arrow{opacity:1;transform:translate(0)}.settings-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:24px;padding:var(--space-xl);min-height:500px}.settings-section{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-header{margin-bottom:var(--space-xl);border-bottom:1px solid var(--border-color);padding-bottom:var(--space-md)}.section-header h2{font-size:1.5rem;color:var(--text-primary);margin-bottom:4px}.section-header p{color:var(--text-muted);font-size:.95rem}.settings-form{display:flex;flex-direction:column;gap:var(--space-xl)}.avatar-section{display:flex;align-items:center;gap:var(--space-xl);padding:var(--space-md);background:var(--bg-highlight);border-radius:16px;border:1px dashed var(--border-color)}.avatar-preview{position:relative;width:80px;height:80px}.avatar-preview img,.avatar-placeholder{width:100%;height:100%;border-radius:24px;object-fit:cover;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.avatar-edit{position:absolute;bottom:-5px;right:-5px;width:32px;height:32px;border-radius:10px;background:var(--color-primary);color:#fff;border:2px solid var(--bg-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease}.avatar-edit:hover{transform:scale(1.1)}.avatar-info h3{font-size:1rem;margin-bottom:4px}.avatar-info p{font-size:.85rem;color:var(--text-muted)}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.9rem;font-weight:500;color:var(--text-secondary)}.form-group input{padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:.95rem;transition:all .2s ease}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #6366f11a}.form-group input.disabled{background:var(--bg-highlight);cursor:not-allowed;color:var(--text-muted)}.form-hint{font-size:.8rem;color:var(--text-muted)}.btn-save{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;background:var(--color-primary);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease;align-self:flex-start}.btn-save:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 10px 20px #6366f133}.email-status-card{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);background:var(--bg-tertiary);border-radius:16px;margin-bottom:var(--space-xl)}.email-info{display:flex;align-items:center;gap:var(--space-md)}.email-info h3{font-size:1.1rem;margin-bottom:4px}.verification-badge{font-size:.75rem;font-weight:600;padding:4px 8px;border-radius:6px;text-transform:uppercase}.verification-badge.verified{background:#22c55e1a;color:#4ade80}.verification-badge.unverified{background:#f59e0b1a;color:#fbbf24}.btn-verify{padding:10px 16px;background:var(--bg-highlight);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-verify:hover{background:var(--bg-tertiary);border-color:var(--color-primary)}.input-with-button{display:flex;gap:12px}.input-with-button input{flex:1}.btn-secondary{padding:0 20px;background:var(--bg-highlight);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--color-primary)}.password-input{position:relative}.password-input input{width:100%}.toggle-password{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer}.security-info{margin-top:var(--space-xl);padding:var(--space-lg);background:#6366f10d;border-radius:16px;border:1px solid rgba(99,102,241,.1)}.security-info h3{font-size:1rem;margin-bottom:var(--space-sm)}.security-info ul{list-style:none;padding:0}.security-info li{font-size:.9rem;color:var(--text-secondary);margin-bottom:6px;display:flex;align-items:center;gap:8px}.security-info li:before{content:"•";color:var(--color-primary)}.recovery-info{display:flex;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-tertiary);border-radius:16px;margin-bottom:var(--space-xl)}.recovery-info h3{font-size:1.1rem;margin-bottom:4px}.recovery-info p{font-size:.9rem;color:var(--text-muted)}.recovery-actions{text-align:center;padding:var(--space-xl);border:2px dashed var(--border-color);border-radius:20px}.btn-generate{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;background:var(--bg-highlight);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin:0 auto var(--space-md)}.btn-generate:hover{background:var(--bg-tertiary);border-color:var(--color-primary);transform:translateY(-2px)}.recovery-codes-display{animation:fadeIn .4s ease}.codes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:var(--space-xl)}.code-item{display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px}.code-num{color:var(--text-muted);font-size:.8rem;font-weight:600}.code-item code{font-family:var(--font-mono);font-size:1rem;color:var(--color-primary);letter-spacing:.05em}.codes-actions{display:flex;gap:12px;margin-bottom:var(--space-md)}.btn-copy,.btn-download{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-copy{background:var(--color-primary);color:#fff;border:none}.btn-download{background:var(--bg-highlight);border:1px solid var(--border-color);color:var(--text-primary)}.danger-zone .section-header h2{color:#f87171}.danger-card{border:1px solid rgba(239,68,68,.2);border-radius:20px;padding:var(--space-xl);background:#ef444405}.danger-info h3{font-size:1.2rem;color:#f87171;margin-bottom:8px}.danger-info p{color:var(--text-secondary);font-size:.95rem;margin-bottom:var(--space-xl)}.btn-danger{display:flex;align-items:center;gap:10px;padding:14px 24px;background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.2);border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-danger:hover{background:#ef4444;color:#fff;border-color:#ef4444}.delete-confirm{display:flex;flex-direction:column;gap:var(--space-md)}.delete-actions{display:flex;gap:12px}.btn-cancel{padding:12px 24px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer}.btn-confirm-delete{padding:12px 24px;background:#ef4444;border:none;border-radius:12px;color:#fff;font-weight:600;cursor:pointer}.btn-confirm-delete:disabled{opacity:.5;cursor:not-allowed}.settings-alert{display:flex;align-items:center;gap:12px;padding:16px;border-radius:16px;margin-bottom:var(--space-xl);font-weight:500}.settings-alert.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#4ade80}.settings-alert.error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#f87171}.todo-notice{margin-top:var(--space-xl);display:flex;gap:12px;padding:16px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:16px;color:#fbbf24}.todo-notice p{font-size:.85rem;margin-top:4px;opacity:.9}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:900px){.settings-layout{grid-template-columns:1fr}.settings-nav{position:static;flex-direction:row;overflow-x:auto;padding-bottom:8px}.nav-item{white-space:nowrap;padding:10px 16px}.nav-arrow{display:none}}@media(max-width:600px){.settings-header h1{font-size:2rem}.settings-content{padding:var(--space-lg)}.codes-grid{grid-template-columns:1fr}.input-with-button{flex-direction:column}}.subscription-page{min-height:100vh;padding:120px var(--space-md) var(--space-xl);background:var(--bg-primary);position:relative;overflow:hidden}.sub-container{max-width:1000px;margin:0 auto}.sub-header{margin-bottom:var(--space-xl)}.sub-header h1{font-family:var(--font-display);font-size:2.5rem;color:var(--text-primary);margin-bottom:var(--space-xs);letter-spacing:-.02em}.sub-header p{color:var(--text-secondary);font-size:1.1rem}.sub-layout{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}.current-plan-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:24px;padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-lg);position:relative;overflow:hidden}.current-plan-card.pro{border-color:#6366f14d;box-shadow:0 0 40px #6366f10d}.current-plan-card.pro:after{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle at center,rgba(99,102,241,.1) 0%,transparent 70%);pointer-events:none}.plan-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:100px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;width:fit-content}.free .plan-badge{background:var(--bg-highlight);color:var(--text-muted)}.pro .plan-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.plan-main{display:flex;justify-content:space-between;align-items:center}.plan-info h3{font-size:1.75rem;color:var(--text-primary);margin-bottom:4px}.plan-info p{color:var(--text-secondary);font-size:1rem}.plan-price{text-align:right}.plan-price .amount{font-size:2rem;font-weight:700;color:var(--text-primary)}.plan-price .period{color:var(--text-muted);font-size:1rem}.plan-meta{display:flex;gap:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border-color)}.meta-item{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.9rem}.meta-item svg{color:var(--color-primary)}.plan-cta{padding-top:var(--space-lg);border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.plan-cta p{color:var(--text-muted);font-size:.95rem}.manage-section h2,.upgrade-section h2{font-size:1.5rem;margin-bottom:var(--space-xl);color:var(--text-primary)}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-bottom:var(--space-xxl)}.benefit-item{background:var(--bg-secondary);border:1px solid var(--border-color);padding:var(--space-lg);border-radius:20px;transition:all .3s ease}.benefit-item:hover{transform:translateY(-5px);border-color:var(--color-primary);box-shadow:0 10px 30px #0003}.benefit-icon{width:44px;height:44px;background:#6366f11a;color:var(--color-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.benefit-item h4{font-size:1.1rem;margin-bottom:8px;color:var(--text-primary)}.benefit-item p{font-size:.9rem;color:var(--text-muted);line-height:1.5}.billing-actions{background:var(--bg-tertiary);padding:var(--space-xl);border-radius:24px;border:1px solid var(--border-color)}.billing-actions h3{font-size:1.25rem;margin-bottom:var(--space-lg);color:var(--text-primary)}.actions-grid{display:flex;flex-direction:column;gap:12px}.action-btn{display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.action-btn:hover{background:var(--bg-highlight);border-color:var(--color-primary)}.action-btn.danger{color:#f87171}.action-btn.danger:hover{background:#ef44440d;border-color:#f87171}.billing-toggle{display:flex;background:var(--bg-secondary);padding:4px;border-radius:12px;width:fit-content;border:1px solid var(--border-color);margin-bottom:var(--space-xl)}.billing-toggle button{padding:10px 20px;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .2s ease}.billing-toggle button.active{background:var(--color-primary);color:#fff}.pricing-grid-mini{max-width:500px}.price-card-mini{background:var(--bg-secondary);border:1px solid var(--border-color);padding:var(--space-xl);border-radius:24px;position:relative}.price-card-mini.featured{border-color:var(--color-primary);box-shadow:0 0 40px #6366f11a}.price-header{margin-bottom:var(--space-lg)}.price-header h3{font-size:1.5rem;margin-bottom:8px}.price-tag{display:flex;align-items:baseline;gap:4px}.price-tag strong{font-size:2.5rem;color:var(--text-primary)}.price-features{list-style:none;padding:0;margin-bottom:var(--space-xl);display:flex;flex-direction:column;gap:12px}.price-features li{display:flex;align-items:center;gap:10px;font-size:.95rem;color:var(--text-secondary)}.price-features li svg{color:#22c55e}.btn-get-pro{width:100%;padding:16px;background:var(--color-primary);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:10px}.btn-get-pro:hover{transform:translateY(-2px);box-shadow:0 10px 20px #6366f14d}.sub-error-alert{display:flex;align-items:center;gap:12px;padding:16px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:12px;color:#f87171;margin-top:var(--space-xl)}.todo-billing-notice{margin-top:var(--space-xxl);display:flex;gap:12px;padding:20px;background:#6366f10d;border:1px solid rgba(99,102,241,.2);border-radius:20px;color:var(--color-primary)}.todo-billing-notice strong{display:block;margin-bottom:4px}.todo-billing-notice p{font-size:.9rem;opacity:.9}@media(max-width:800px){.benefits-grid{grid-template-columns:1fr}.plan-main{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.plan-price{text-align:left}.plan-meta{flex-direction:column;gap:12px}}.seo-page-container{padding-top:120px;padding-bottom:80px;background:#fff;font-family:Inter,sans-serif}.seo-hero{text-align:center;padding:60px 20px}.seo-hero-content{max-width:800px;margin:0 auto}.seo-badge{display:inline-block;background:#2563eb1a;color:#2563eb;padding:6px 16px;border-radius:9999px;font-size:.875rem;font-weight:600;margin-bottom:24px;text-transform:uppercase;letter-spacing:.05em}.seo-hero h1{font-size:3.5rem;font-weight:800;color:#0f172a;line-height:1.1;margin-bottom:24px;letter-spacing:-.02em}.seo-subtitle{font-size:1.25rem;color:#64748b;margin-bottom:48px;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.seo-cta-group{margin-bottom:16px}.btn-seo-primary{display:inline-block;background-color:#2563eb;color:#fff;padding:16px 32px;border-radius:12px;font-size:1.125rem;font-weight:600;text-decoration:none;transition:all .2s ease;box-shadow:0 4px 6px -1px #2563eb1a,0 2px 4px -1px #2563eb0f}.btn-seo-primary:hover{background-color:#1d4ed8;transform:translateY(-2px);box-shadow:0 10px 15px -3px #2563eb33,0 4px 6px -2px #2563eb1a}.seo-trust{font-size:.875rem;color:#94a3b8}.seo-feature-teaser{padding:80px 20px;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9}.feature-grid{display:grid;grid-template-columns:1fr;gap:48px;max-width:1000px;margin:0 auto;align-items:center}@media(min-width:768px){.feature-grid{grid-template-columns:1fr 1fr}}.feature-text h2{font-size:2rem;font-weight:700;color:#0f172a;margin-bottom:24px}.seo-benefits-list{list-style:none;padding:0;margin:0}.seo-benefits-list li{font-size:1.125rem;color:#475569;margin-bottom:16px;line-height:1.6;display:flex;align-items:flex-start}.seo-benefits-list li:before{content:"✓";color:#10b981;font-weight:700;margin-right:12px}.seo-benefits-list li strong{color:#0f172a;margin-right:6px}.mock-generator{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:32px;box-shadow:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005;position:relative}.mock-label{font-size:.875rem;font-weight:600;color:#64748b;margin-bottom:16px;text-transform:uppercase;letter-spacing:.05em}.mock-input-group{display:flex;align-items:center;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1.125rem}.mock-prefix{color:#0f172a;font-weight:500}.mock-domain{color:#94a3b8}.mock-badge{position:absolute;top:-12px;right:24px;background:#f59e0b;color:#fff;padding:4px 12px;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;box-shadow:0 4px 6px -1px #f59e0b33}.seo-faq{padding:80px 20px;max-width:800px;margin:0 auto}.seo-faq h2{font-size:2rem;font-weight:700;color:#0f172a;margin-bottom:48px}.text-center{text-align:center}.seo-faq-list{display:grid;gap:32px}.seo-faq-item h3{font-size:1.25rem;font-weight:600;color:#0f172a;margin-bottom:12px}.seo-faq-item p{font-size:1.05rem;color:#475569;line-height:1.6}@media(max-width:640px){.seo-hero h1{font-size:2.5rem}.mock-input-group{font-size:.9rem}}