.page-loader-overlay{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;transition:opacity .45s cubic-bezier(.4,0,.2,1),visibility .45s cubic-bezier(.4,0,.2,1),transform .45s cubic-bezier(.4,0,.2,1);opacity:1;visibility:visible}.loader-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,#e0f2fef7,#bae6fdfa,#a5dafc);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}[data-theme=dark] .loader-backdrop{background:radial-gradient(circle at 50% 40%,#0f172afa,#090d16fc 60%,#05080f)}.loader-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.loader-glow{position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(2,132,199,.25) 0%,rgba(56,189,248,.08) 50%,transparent 70%);animation:loaderGlowPulse 2.4s ease-in-out infinite alternate;pointer-events:none}[data-theme=dark] .loader-glow{background:radial-gradient(circle,rgba(56,189,248,.3) 0%,rgba(2,132,199,.1) 50%,transparent 70%)}.loader-emblem{position:relative;width:84px;height:84px;display:flex;align-items:center;justify-content:center;margin-bottom:1.4rem}.loader-ring{position:absolute;inset:0;border-radius:50%;border:2.5px solid transparent;border-top-color:var(--color-primary, #0284c7);border-right-color:#0284c766;animation:loaderSpin 1.1s cubic-bezier(.55,.15,.45,.85) infinite}[data-theme=dark] .loader-ring{border-top-color:#38bdf8;border-right-color:#38bdf866}.loader-ring-pulse{position:absolute;inset:-6px;border-radius:50%;border:1.5px dashed rgba(2,132,199,.25);animation:loaderSpinReverse 5s linear infinite}[data-theme=dark] .loader-ring-pulse{border-color:#38bdf840}.loader-logo-wrapper{width:60px;height:60px;border-radius:50%;background:#0f172a;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 25px -4px #0f172a59,0 0 20px #0284c733;animation:loaderFloating 2.2s ease-in-out infinite}[data-theme=dark] .loader-logo-wrapper{background:#38bdf8;color:#0f172a;box-shadow:0 10px 30px -4px #38bdf873,0 0 25px #38bdf840}.loader-mail-icon{display:block;transition:transform .2s ease}.loader-text-wrap{display:flex;flex-direction:column;align-items:center;gap:.35rem;margin-bottom:1.4rem}.loader-brand-title{font-family:var(--font-heading, "Outfit", sans-serif);font-size:1.5rem;font-weight:800;letter-spacing:-.03em;color:#0f172a}[data-theme=dark] .loader-brand-title{color:#f8fafc}.loader-status-container{display:flex;align-items:center;gap:2px}.loader-status-text{font-size:.875rem;font-weight:500;color:#475569;letter-spacing:.01em}[data-theme=dark] .loader-status-text{color:#94a3b8}.loader-dots span{animation:dotsWave 1.4s infinite ease-in-out both;font-weight:700;color:var(--color-primary, #0284c7)}[data-theme=dark] .loader-dots span{color:#38bdf8}.loader-dots span:nth-child(1){animation-delay:-.32s}.loader-dots span:nth-child(2){animation-delay:-.16s}.loader-dots span:nth-child(3){animation-delay:0s}.loader-progress-track{width:140px;height:4px;background:#0284c726;border-radius:9999px;overflow:hidden;position:relative}[data-theme=dark] .loader-progress-track{background:#38bdf826}.loader-progress-bar{position:absolute;top:0;bottom:0;width:50%;background:linear-gradient(90deg,#0284c7,#38bdf8);border-radius:9999px;animation:progressIndeterminate 1.4s cubic-bezier(.65,.815,.735,.395) infinite}@keyframes loaderSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loaderSpinReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes loaderFloating{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes loaderGlowPulse{0%{transform:scale(.9);opacity:.35}to{transform:scale(1.15);opacity:.75}}@keyframes dotsWave{0%,80%,to{opacity:.2;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@keyframes progressIndeterminate{0%{left:-40%;width:30%}50%{left:30%;width:60%}to{left:100%;width:40%}}.page-loader-overlay.is-loaded{opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.02)}.scroll-to-top-btn{position:fixed;bottom:2rem;right:2rem;width:48px;height:48px;border-radius:50%;background:#ffffffe6;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1.5px solid rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:900;opacity:0;visibility:hidden;transform:translateY(18px) scale(.9);transition:opacity .3s cubic-bezier(.16,1,.3,1),visibility .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1),background .2s ease,box-shadow .3s ease;box-shadow:0 12px 28px -6px #0f172a2e,0 4px 12px -2px #0284c71f,inset 0 1.5px 1px #fff;outline:none;user-select:none;-webkit-tap-highlight-color:transparent}[data-theme=dark] .scroll-to-top-btn{background:#0f172ae0;border-color:#38bdf840;box-shadow:0 14px 32px -6px #000000b3,0 4px 12px -2px #38bdf833,inset 0 1.5px 1px #ffffff26}.scroll-to-top-btn.is-visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.scroll-to-top-btn:hover{transform:translateY(-4px) scale(1.04);background:#fff;border-color:var(--color-primary, #0284c7);box-shadow:0 18px 36px -6px #0f172a3d,0 8px 20px -2px #0284c740,inset 0 1.5px 1px #fff}[data-theme=dark] .scroll-to-top-btn:hover{background:#1e293b;border-color:#38bdf8;box-shadow:0 20px 40px -6px #000000d9,0 8px 24px -2px #38bdf859,inset 0 1.5px 1px #fff3}.scroll-to-top-btn:active{transform:translateY(-1px) scale(.96)}.progress-ring{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none}.progress-ring-bg{stroke:#0284c714}[data-theme=dark] .progress-ring-bg{stroke:#38bdf81a}.progress-ring-circle{stroke:var(--color-primary, #0284c7);stroke-linecap:round;transition:stroke-dashoffset .1s linear}[data-theme=dark] .progress-ring-circle{stroke:#38bdf8}.scroll-icon-wrap{display:flex;align-items:center;justify-content:center;color:var(--color-text-main, #0f172a);transition:transform .25s ease,color .2s ease}[data-theme=dark] .scroll-icon-wrap{color:#f8fafc}.scroll-to-top-btn:hover .scroll-icon-wrap{color:var(--color-primary, #0284c7);transform:translateY(-2px)}[data-theme=dark] .scroll-to-top-btn:hover .scroll-icon-wrap{color:#38bdf8}@media (max-width: 768px){.scroll-to-top-btn{bottom:1.5rem;right:1.25rem;width:44px;height:44px}}@media (max-width: 480px){.scroll-to-top-btn{bottom:1.25rem;right:1rem;width:42px;height:42px}.scroll-arrow{width:16px;height:16px}}:root{--color-bg-sky: #a8dafc;--color-bg-primary: #ffffff;--color-bg-secondary: #f0f7fe;--color-bg-tertiary: #e2f0fc;--color-bg-tint: #eaf4fd;--color-primary: #0284c7;--color-primary-hover: #0369a1;--color-primary-light: #e0f2fe;--color-primary-glow: rgba(2, 132, 199, .18);--color-dark-pill: #0f172a;--color-dark-pill-hover: #1e293b;--color-text-main: #0f172a;--color-text-muted: #475569;--color-text-light: #94a3b8;--color-border: #e2e8f0;--color-border-glass: rgba(255, 255, 255, .8);--color-success: #10b981;--color-success-bg: #ecfdf5;--color-danger: #ef4444;--font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-heading: "Outfit", "Inter", system-ui, -apple-system, sans-serif;--spacing-container: 1080px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 4px 0 rgba(15, 23, 42, .04);--shadow-md: 0 6px 16px -2px rgba(15, 23, 42, .06);--shadow-floating-header: 0 16px 40px -10px rgba(15, 23, 42, .12), 0 0 1px rgba(15, 23, 42, .1);--shadow-card: 0 14px 35px -10px rgba(2, 132, 199, .08);--shadow-glow: 0 0 30px rgba(2, 132, 199, .25);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}[data-theme=dark]{color-scheme:dark;--color-bg-sky: #090d16;--color-bg-primary: #0f172a;--color-bg-secondary: #090d16;--color-bg-tertiary: #1e293b;--color-bg-tint: rgba(56, 189, 248, .12);--color-primary: #38bdf8;--color-primary-hover: #7dd3fc;--color-primary-light: rgba(56, 189, 248, .18);--color-primary-glow: rgba(56, 189, 248, .3);--color-dark-pill: #38bdf8;--color-dark-pill-hover: #7dd3fc;--color-text-main: #f8fafc;--color-text-muted: #94a3b8;--color-text-light: #64748b;--color-border: #334155;--color-border-glass: rgba(255, 255, 255, .08);--shadow-floating-header: 0 16px 40px -10px rgba(0, 0, 0, .7), 0 0 1px rgba(255, 255, 255, .15);--shadow-card: 0 16px 40px -10px rgba(0, 0, 0, .6);--shadow-glow: 0 0 35px rgba(56, 189, 248, .35)}[data-theme=dark] input:-webkit-autofill,[data-theme=dark] input:-webkit-autofill:hover,[data-theme=dark] input:-webkit-autofill:focus,[data-theme=dark] input:-webkit-autofill:active,[data-theme=dark] textarea:-webkit-autofill,[data-theme=dark] textarea:-webkit-autofill:hover,[data-theme=dark] textarea:-webkit-autofill:focus,[data-theme=dark] textarea:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #090d16 inset!important;-webkit-text-fill-color:#f8fafc!important;caret-color:#38bdf8!important;color:#f8fafc!important;transition:background-color 5000s ease-in-out 0s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}button,a,input,select,textarea,[role=button],[role=tab]{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}button,[role=tab],.pill-item,.nav-link,.copy-btn{user-select:none;-webkit-user-select:none}html{font-family:var(--font-family);background-color:var(--color-bg-secondary);color:var(--color-text-main);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;transition:background-color var(--transition-normal),color var(--transition-normal)}body{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#99d5fb,#d2ecfd 260px,#f0f7fe 550px,#f8fafc);background-attachment:fixed;overflow-x:hidden;transition:background var(--transition-normal)}[data-theme=dark] html{background-color:#090d16}[data-theme=dark] body{background:linear-gradient(180deg,#090d16,#0f172a 350px,#111827);color:#f8fafc}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}button{font-family:inherit;cursor:pointer;border:none;background:none;outline:none}input,textarea,select{font-family:inherit;font-size:1rem}::placeholder{color:var(--color-text-light);opacity:.65}[data-theme=dark] ::placeholder{color:var(--color-text-muted);opacity:.55}.container{width:100%;max-width:var(--spacing-container);margin-left:auto;margin-right:auto;padding-left:1.25rem;padding-right:1.25rem}.section-spacing{padding-top:4.5rem;padding-bottom:4.5rem}.text-center{text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.fade-in{animation:fadeIn .4s ease forward}.site-header{position:sticky;top:1rem;z-index:100;width:100%;padding:0 1.25rem}.header-floating-pill{max-width:820px;margin:0 auto;background:#ffffffe0;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-full);padding:.5rem .85rem .5rem 1.25rem;display:flex;align-items:center;justify-content:space-between;box-shadow:inset 0 1.5px 1px #fffffff2,0 10px 28px -6px #0f172a1a,0 2px 8px -2px #0f172a0a;transition:all .35s cubic-bezier(.16,1,.3,1)}.header-floating-pill.is-scrolled{background:#ffffffad;backdrop-filter:blur(28px) saturate(200%);-webkit-backdrop-filter:blur(28px) saturate(200%);border-color:#ffffffd9;box-shadow:inset 0 1.5px 1px #ffffffe6,0 18px 40px -8px #0f172a29,0 4px 14px -3px #0f172a14}.header-floating-pill:hover{transform:translateY(-2px);background:#ffffffeb;box-shadow:inset 0 1.5px 1px #fff,0 22px 48px -10px #0f172a33}.header-floating-pill.is-scrolled:hover{background:#ffffffc7}[data-theme=dark] .header-floating-pill{background:#0f172ad1;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1.5px 1px #ffffff38,0 12px 32px -8px #00000080}[data-theme=dark] .header-floating-pill.is-scrolled{background:#0f172a9e;backdrop-filter:blur(28px) saturate(200%);-webkit-backdrop-filter:blur(28px) saturate(200%);border-color:#ffffff2e;box-shadow:inset 0 1.5px 1px #ffffff47,0 20px 44px -10px #000000b3}[data-theme=dark] .header-floating-pill:hover{background:#1e293bd1;transform:translateY(-2px)}.brand-logo{display:flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.15rem;color:var(--color-text-main);font-family:var(--font-heading);letter-spacing:-.03em}.logo-icon-wrapper{width:34px;height:34px;border-radius:var(--radius-full);background:#0f172a;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #0f172a33}[data-theme=dark] .logo-icon-wrapper{background:#38bdf8;color:#0f172a}.header-center-nav{display:flex;align-items:center;gap:1.5rem}.nav-link{font-size:.9rem;font-weight:500;color:var(--color-text-muted);transition:color var(--transition-fast)}.nav-link:hover{color:var(--color-text-main)}.header-right-actions{display:flex;align-items:center;gap:.6rem}.icon-btn{width:38px;height:38px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-muted);border:1px solid var(--color-border);background:#fffc;transition:all var(--transition-fast);box-shadow:inset 0 1px 1px #fffc,0 2px 5px #0000000a}.icon-btn:hover{color:var(--color-primary);border-color:var(--color-primary-light);background:var(--color-bg-tint);transform:translateY(-1px)}[data-theme=dark] .icon-btn{background:#1e293bcc;border-color:#334155;color:#94a3b8;box-shadow:inset 0 1px 1px #ffffff1a,0 2px 5px #0003}[data-theme=dark] .icon-btn:hover{color:#38bdf8;border-color:#38bdf8;background:#38bdf826}.theme-icon-sun{display:none}.theme-icon-moon{display:block}[data-theme=dark] .theme-icon-sun{display:block;color:#fbbf24}[data-theme=dark] .theme-icon-moon,.mobile-menu-btn{display:none}.hamburger-icon-bars{display:block}.hamburger-icon-close,.mobile-menu-btn.active .hamburger-icon-bars{display:none}.mobile-menu-btn.active .hamburger-icon-close{display:block}.mobile-nav-dropdown{display:none;position:fixed;top:4.85rem;left:.85rem;right:.85rem;margin:0 auto;max-width:460px;background:#ffffffe0;backdrop-filter:blur(32px) saturate(210%);-webkit-backdrop-filter:blur(32px) saturate(210%);border:1px solid rgba(255,255,255,.95);border-radius:22px;padding:1rem;box-shadow:inset 0 1.5px 1.5px #fff,0 24px 50px -10px #0f172a2e,0 4px 16px -2px #0f172a14;z-index:999;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.96);transition:all .3s cubic-bezier(.16,1,.3,1);pointer-events:none}[data-theme=dark] .mobile-nav-dropdown{background:#0f172ae0;border-color:#ffffff1f;box-shadow:inset 0 1.5px 1.5px #ffffff26,0 24px 50px -10px #000000a6}.mobile-nav-dropdown.active{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;padding:.25rem .5rem .75rem;border-bottom:1px solid rgba(226,232,240,.7);margin-bottom:.65rem}[data-theme=dark] .mobile-nav-header{border-bottom-color:#ffffff14}.mobile-nav-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-light)}.mobile-nav-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.7rem;font-weight:600;color:#059669;background:#10b9811a;padding:.15rem .5rem;border-radius:var(--radius-full)}[data-theme=dark] .mobile-nav-badge{color:#34d399;background:#10b9812e}.mobile-badge-dot{width:5px;height:5px;border-radius:var(--radius-full);background:#10b981;box-shadow:0 0 5px #10b981cc}.mobile-nav-links{display:flex;flex-direction:column;gap:.35rem}.mobile-nav-link{display:flex;align-items:center;gap:.85rem;padding:.65rem .75rem;border-radius:14px;text-decoration:none;transition:all var(--transition-fast)}.mobile-link-icon-box{width:38px;height:38px;border-radius:12px;background:var(--color-bg-tint);color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}[data-theme=dark] .mobile-link-icon-box{background:#38bdf81f;color:#38bdf8}.mobile-link-text{display:flex;flex-direction:column;flex:1}.mobile-link-title{font-size:.95rem;font-weight:700;color:var(--color-text-main);line-height:1.25}.mobile-link-desc{font-size:.775rem;color:var(--color-text-muted);line-height:1.3;margin-top:.15rem}.mobile-link-chevron{color:var(--color-text-light);flex-shrink:0;transition:all var(--transition-fast)}.mobile-nav-link:hover,.mobile-nav-link:active{background:#0284c70f;transform:translate(3px)}.mobile-nav-link:hover .mobile-link-icon-box,.mobile-nav-link:active .mobile-link-icon-box{background:var(--color-primary);color:#fff;box-shadow:0 4px 12px #0284c740}.mobile-nav-link:hover .mobile-link-chevron,.mobile-nav-link:active .mobile-link-chevron{color:var(--color-primary);transform:translate(2px)}[data-theme=dark] .mobile-nav-link:hover,[data-theme=dark] .mobile-nav-link:active{background:#38bdf81a}[data-theme=dark] .mobile-nav-link:hover .mobile-link-icon-box,[data-theme=dark] .mobile-nav-link:active .mobile-link-icon-box{background:#38bdf8;color:#0f172a}[data-theme=dark] .mobile-nav-link:hover .mobile-link-chevron,[data-theme=dark] .mobile-nav-link:active .mobile-link-chevron{color:#38bdf8}.mobile-nav-footer{margin-top:.75rem;padding-top:.65rem;border-top:1px solid rgba(226,232,240,.7);display:flex;justify-content:center}[data-theme=dark] .mobile-nav-footer{border-top-color:#ffffff14}.mobile-nav-pill-info{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;color:var(--color-text-muted)}.mobile-nav-pill-info svg{color:var(--color-primary)}[data-theme=dark] .mobile-nav-pill-info svg{color:#38bdf8}.hero-section{padding-top:4.5rem;padding-bottom:2rem}.hero-title{font-family:var(--font-heading);font-size:3.25rem;font-weight:800;letter-spacing:-.035em;color:var(--color-text-main);margin-bottom:.6rem;line-height:1.15}.hero-subtitle{font-size:1.15rem;color:var(--color-text-muted);max-width:640px;margin:0 auto 2.5rem;font-weight:500;line-height:1.6}.hero-brand-line{display:block;margin-top:.35rem;font-weight:800;color:var(--color-primary, #0284c7);white-space:nowrap;letter-spacing:-.01em}[data-theme=dark] .hero-brand-line{color:#38bdf8;text-shadow:0 0 16px rgba(56,189,248,.3)}.generator-label{font-size:.925rem;font-weight:600;color:var(--color-text-muted);margin-bottom:.85rem;letter-spacing:.01em}.generator-box{max-width:620px;margin:0 auto .75rem;display:flex;align-items:center;gap:.6rem;background:#ffffffeb;backdrop-filter:blur(12px);border:1.5px solid rgba(255,255,255,.95);border-radius:var(--radius-full);padding:.45rem .55rem .45rem 1.15rem;box-shadow:inset 0 1px 1px #ffffffe6,0 14px 35px -5px #0f172a14,0 0 1px #0f172a1a;transition:all var(--transition-normal)}[data-theme=dark] .generator-box{background:#0f172ae0;border-color:#38bdf838;box-shadow:inset 0 1.5px 1px #ffffff1f,0 16px 36px -8px #000000a6,0 0 20px #38bdf814}.generator-box:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-glow),0 16px 40px -5px #0284c726}.refresh-trigger-btn{display:flex;align-items:center;justify-content:center;color:var(--color-primary);padding:.4rem;border-radius:var(--radius-full);flex-shrink:0;transition:transform var(--transition-fast)}.refresh-trigger-btn:hover{transform:rotate(45deg)}.refresh-trigger-btn.spinning svg{animation:spin .8s linear infinite}.email-display-input{flex:1;min-width:0;border:none;background:transparent;font-size:1.2rem;font-weight:700;color:var(--color-text-main);padding:.4rem .5rem;outline:none;text-align:center;white-space:nowrap;letter-spacing:-.01em}.copy-btn{display:inline-flex;align-items:center;gap:.4rem;background:#0f172a;color:#fff;font-weight:600;font-size:.9rem;padding:.65rem 1.4rem;border-radius:var(--radius-full);flex-shrink:0;transition:all var(--transition-fast);box-shadow:0 4px 14px #0f172a33;position:relative;overflow:hidden;white-space:nowrap}[data-theme=dark] .copy-btn{background:#38bdf8;color:#0f172a;box-shadow:0 4px 14px #38bdf840}.copy-btn:hover{background:#1e293b;transform:translateY(-1px);box-shadow:0 6px 18px #0f172a47}[data-theme=dark] .copy-btn:hover{background:#7dd3fc;color:#0f172a}.copy-btn.copied{background:var(--color-success)!important;color:#fff!important;box-shadow:0 4px 12px #10b9814d!important}.generator-actions-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;margin:0 auto 2.25rem;width:100%;max-width:540px}.btn-desktop-only{display:inline-flex!important}.btn-mobile-only{display:none!important}.generator-more-wrapper{position:relative;width:100%;display:flex}.generator-action-btn{width:100%;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.52rem .35rem;font-size:.88rem;font-weight:600;border-radius:var(--radius-full);background:#ffffffe6;border:1px solid rgba(2,132,199,.2);color:var(--color-text-main);box-shadow:0 2px 10px #0000000a;transition:all var(--transition-fast);cursor:pointer;user-select:none;min-height:38px;white-space:nowrap;box-sizing:border-box}[data-theme=dark] .generator-action-btn{background:#1e293be6;border:1px solid rgba(56,189,248,.25);color:#f1f5f9;box-shadow:0 4px 14px #00000059,inset 0 1px #ffffff0f}[data-theme=dark] .generator-action-btn svg{color:#38bdf8}.generator-action-btn:hover{transform:translateY(-2px);border-color:var(--color-primary);color:var(--color-primary);background:#fff;box-shadow:0 6px 16px #0284c72e}[data-theme=dark] .generator-action-btn:hover{border-color:#38bdf8;color:#38bdf8;background:#1e293b;box-shadow:0 6px 20px #38bdf840}.generator-action-btn:active{transform:translateY(0)}.generator-more-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:175px;background:#fffffffa;backdrop-filter:blur(16px);border:1px solid rgba(2,132,199,.2);border-radius:var(--radius-md);box-shadow:0 12px 30px #0000001f;padding:.35rem;z-index:50;display:none;text-align:left}[data-theme=dark] .generator-more-dropdown{background:#0f172af2;border-color:#334155;box-shadow:0 16px 36px #0009}.generator-more-dropdown.active{display:block;animation:dropInFast .15s ease-out forwards}.more-dropdown-item{width:100%;display:flex;align-items:center;gap:.6rem;padding:.55rem .75rem;font-size:.84rem;font-weight:500;color:var(--color-text-main);border-radius:var(--radius-sm);background:transparent;transition:all var(--transition-fast);cursor:pointer}.more-dropdown-item:hover{background:var(--color-bg-tint);color:var(--color-primary)}[data-theme=dark] .more-dropdown-item:hover{background:#38bdf81f;color:#38bdf8}.more-dropdown-item.text-danger:hover{background:#ef44441a;color:#ef4444}.custom-input-box{display:flex;align-items:center;background:var(--color-bg-secondary);border:1.5px solid var(--color-border);border-radius:var(--radius-md);min-height:48px;padding:.45rem .6rem .45rem .95rem;gap:.35rem;transition:all var(--transition-fast)}[data-theme=dark] .custom-input-box{background:#0f172a;border-color:#334155}.custom-input-box:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.custom-username-input{flex:1;min-width:0;border:none;background:transparent;font-size:1rem;font-weight:600;color:var(--color-text-main);outline:none}.custom-at-sign{color:var(--color-text-light);font-weight:700;font-size:1.05rem}.custom-domain-select{border:none;background:#0284c714;color:var(--color-primary);font-weight:600;font-size:.9rem;padding:.4rem .6rem;border-radius:var(--radius-sm);outline:none;cursor:pointer}[data-theme=dark] .custom-domain-select{background:#38bdf826;color:#38bdf8}.custom-email-warning{display:flex;align-items:flex-start;gap:.55rem;padding:.75rem .95rem;margin-top:.85rem;background:#ef444414;border:1.5px solid rgba(239,68,68,.35);border-radius:var(--radius-md, 10px);color:#dc2626;font-size:.85rem;font-weight:500;line-height:1.4;text-align:left;animation:shakeWarning .38s cubic-bezier(.36,.07,.19,.97) both}[data-theme=dark] .custom-email-warning{background:#ef444429;border-color:#ef444473;color:#fca5a5}.custom-email-warning .warning-icon{flex-shrink:0;color:#ef4444;margin-top:.1rem}[data-theme=dark] .custom-email-warning .warning-icon{color:#f87171}.custom-input-box.input-error{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444440!important;animation:shakeWarning .38s cubic-bezier(.36,.07,.19,.97) both}@keyframes shakeWarning{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.custom-modal-actions{display:flex;align-items:center;gap:.85rem;width:100%;padding-top:1.35rem;background:transparent}.custom-modal-btn{flex:1;min-width:0;height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;user-select:none;transition:all var(--transition-fast);text-align:center;box-sizing:border-box}.btn-custom-cancel{background:var(--color-bg-secondary);border:1.5px solid var(--color-border);color:var(--color-text-muted)}[data-theme=dark] .btn-custom-cancel{background:#1e293b;border-color:#334155;color:var(--color-text-muted)}.btn-custom-cancel:hover{background:var(--color-bg-tertiary);color:var(--color-text-main);border-color:var(--color-text-light);transform:translateY(-1px)}[data-theme=dark] .btn-custom-cancel:hover{background:#334155;color:#f8fafc;border-color:#475569}.btn-custom-submit{background:#0f172a;color:#fff;border:1.5px solid transparent;box-shadow:0 4px 14px #0f172a33}[data-theme=dark] .btn-custom-submit{background:#38bdf8;color:#0f172a;box-shadow:0 4px 16px #38bdf859}.btn-custom-submit:hover{background:#1e293b;transform:translateY(-1px);box-shadow:0 6px 18px #0f172a47}[data-theme=dark] .btn-custom-submit:hover{background:#7dd3fc;box-shadow:0 6px 22px #38bdf873}.custom-domain-picker-wrap{position:relative;display:inline-flex;align-items:center}.domain-picker-trigger{display:inline-flex;align-items:center;gap:.35rem;background:#0284c714;color:var(--color-primary);font-weight:600;font-size:.9rem;padding:.45rem .75rem;border-radius:var(--radius-sm);border:1px solid rgba(2,132,199,.15);cursor:pointer;transition:all var(--transition-fast);user-select:none}[data-theme=dark] .domain-picker-trigger{background:#38bdf81f;color:#38bdf8;border-color:#38bdf833}.domain-picker-trigger:hover,.domain-picker-trigger[aria-expanded=true]{background:#0284c726;border-color:var(--color-primary);box-shadow:0 0 12px var(--color-primary-glow)}[data-theme=dark] .domain-picker-trigger:hover,[data-theme=dark] .domain-picker-trigger[aria-expanded=true]{background:#38bdf838;border-color:#38bdf8}.domain-chevron-icon{transition:transform .25s cubic-bezier(.4,0,.2,1);color:inherit}.domain-picker-trigger[aria-expanded=true] .domain-chevron-icon{transform:rotate(180deg)}.domain-dropdown-popup{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.5rem;box-shadow:0 16px 36px -6px #0f172a29,0 0 1px #0f172a1a;z-index:1000;display:none;flex-direction:column;gap:.25rem;transform-origin:top right}[data-theme=dark] .domain-dropdown-popup{background:#0f172afa;border-color:#334155;box-shadow:0 16px 40px -6px #0009,0 0 1px #ffffff1a}.domain-dropdown-popup.active{display:flex;animation:domainPopupSlide .22s cubic-bezier(.16,1,.3,1) forwards}@keyframes domainPopupSlide{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.domain-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:.4rem .5rem .5rem;border-bottom:1px solid var(--color-border);margin-bottom:.25rem}[data-theme=dark] .domain-dropdown-header{border-bottom-color:#334155}.domain-dropdown-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.domain-count-badge{font-size:.7rem;font-weight:600;color:#10b981;background:#10b9811f;padding:.15rem .45rem;border-radius:var(--radius-full)}.domain-options-list{display:flex;flex-direction:column;gap:.25rem}.domain-option-item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.55rem .65rem;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--color-text-main);font-size:.88rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);text-align:left}.domain-option-left{display:flex;align-items:center;gap:.5rem}.domain-status-dot{width:6px;height:6px;border-radius:50%;background:var(--color-text-light);transition:all var(--transition-fast)}.domain-check-icon{color:var(--color-primary);opacity:0;transform:scale(.5);transition:all var(--transition-fast);display:flex;align-items:center}[data-theme=dark] .domain-check-icon{color:#38bdf8}.domain-option-item:hover{background:var(--color-bg-secondary);color:var(--color-primary)}[data-theme=dark] .domain-option-item:hover{background:#1e293b;color:#38bdf8}.domain-option-item.active{background:#0284c71a;color:var(--color-primary);border-color:#0284c740}[data-theme=dark] .domain-option-item.active{background:#38bdf826;color:#38bdf8;border-color:#38bdf84d}.domain-option-item.active .domain-status-dot{background:#10b981;box-shadow:0 0 6px #10b98199}.domain-option-item.active .domain-check-icon{opacity:1;transform:scale(1)}.domain-select-modal{max-width:440px;background:var(--color-bg-primary);border-radius:var(--radius-xl)}.domain-cards-grid{display:flex;flex-direction:column;gap:.65rem}.domain-card-btn{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-bg-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%}[data-theme=dark] .domain-card-btn{background:#0f172a;border-color:#334155}.domain-card-btn:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 6px 16px var(--color-primary-glow)}[data-theme=dark] .domain-card-btn:hover{border-color:#38bdf8;box-shadow:0 6px 20px #38bdf833}.domain-card-btn.active{border-color:var(--color-primary);background:#0284c714;box-shadow:0 0 0 1px var(--color-primary),0 6px 20px var(--color-primary-glow)}[data-theme=dark] .domain-card-btn.active{background:#38bdf824;border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf8,0 6px 22px #38bdf84d}.domain-card-info{display:flex;flex-direction:column;gap:.2rem}.domain-card-title-row{display:flex;align-items:center;gap:.5rem}.domain-card-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b98199;flex-shrink:0}.domain-card-name{font-weight:700;font-size:1.02rem;color:var(--color-text-main);font-family:var(--font-heading);letter-spacing:-.01em}.domain-card-tag{font-size:.75rem;color:var(--color-text-muted);font-weight:500;padding-left:1.05rem}.domain-card-check{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0284c71a;color:transparent;border:1.5px solid var(--color-border);transition:all var(--transition-fast);flex-shrink:0}[data-theme=dark] .domain-card-check{background:#38bdf81a;border-color:#334155}.domain-card-btn.active .domain-card-check{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:scale(1.05);box-shadow:0 2px 8px var(--color-primary-glow)}[data-theme=dark] .domain-card-btn.active .domain-card-check{background:#38bdf8;border-color:#38bdf8;color:#0f172a}@keyframes dropInFast{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.history-list-container{display:flex;flex-direction:column;gap:.5rem;max-height:280px;overflow-y:auto}.history-item{display:flex;align-items:center;justify-content:space-between;padding:.6rem .85rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);gap:.5rem}[data-theme=dark] .history-item{background:#0f172a;border-color:#334155}.history-item.active{border-color:var(--color-primary);background:var(--color-bg-tint)}[data-theme=dark] .history-item.active{border-color:#38bdf8;background:#38bdf81a}.history-item-email{font-size:.88rem;font-weight:600;color:var(--color-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;text-align:left}.history-item-actions{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.history-action-btn{padding:.3rem .65rem;font-size:.78rem;font-weight:600;border-radius:var(--radius-full);background:#0f172a;color:#fff;border:none;cursor:pointer;transition:all var(--transition-fast)}[data-theme=dark] .history-action-btn{background:#38bdf8;color:#0f172a}.history-action-btn:hover{opacity:.9;transform:translateY(-1px)}.history-action-btn.active-badge{background:#10b9811f;color:#059669;border:1px solid rgba(16,185,129,.3);cursor:default;transform:none}[data-theme=dark] .history-action-btn.active-badge{color:#34d399}.history-delete-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text-muted);border:none;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.history-delete-btn:hover{background:#ef44441f;color:#ef4444;transform:scale(1.1)}[data-theme=dark] .history-delete-btn:hover{background:#ef444438;color:#f87171}.history-delete-btn:active{transform:scale(.92)}.history-empty-text{text-align:center;color:var(--color-text-light);font-size:.88rem;padding:1.5rem 0}.inbox-card-container{max-width:760px;margin:0 auto}.inbox-card{position:relative;background:#fffffff0;backdrop-filter:blur(16px);border:1px solid rgba(2,132,199,.18);border-radius:var(--radius-xl);box-shadow:0 24px 48px -12px #0284c729,0 12px 24px -8px #00000014;overflow:hidden;transform:translateY(-8px);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.inbox-card:hover{transform:translateY(-12px);box-shadow:0 30px 60px -12px #0284c738,0 16px 30px -8px #0000001c;border-color:#0284c752}[data-theme=dark] .inbox-card{background:#0f172ae0;border-color:#38bdf838;box-shadow:inset 0 1.5px 1px #ffffff1f,0 26px 52px -12px #000000b3,0 0 28px #38bdf814}[data-theme=dark] .inbox-card:hover{border-color:#38bdf86b;box-shadow:inset 0 1.5px 1px #ffffff2e,0 32px 64px -12px #000000d9,0 0 36px #38bdf82e}.inbox-card-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.4rem;border-bottom:1px solid var(--color-bg-tertiary)}[data-theme=dark] .inbox-card-header{border-bottom-color:#334155}.inbox-header-title-group{display:flex;align-items:center;gap:.55rem}.inbox-title{font-family:var(--font-heading);font-size:1.12rem;font-weight:700;color:var(--color-text-main);display:inline-flex;align-items:center}.inbox-count-text{font-size:.95em;font-weight:600;color:var(--color-primary);opacity:.95;margin-left:.25rem}[data-theme=dark] .inbox-count-text{color:#38bdf8}.inbox-live-indicator{width:7px;height:7px;border-radius:var(--radius-full);background:var(--color-success);box-shadow:0 0 8px #10b98199;display:inline-block;animation:pulseGlow 2s ease-in-out infinite}.inbox-refresh-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.35rem .75rem;font-size:.8rem;font-weight:600;border-radius:var(--radius-full);background:#0284c714;border:1px solid rgba(2,132,199,.2);color:var(--color-primary);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 1px 4px #00000005;user-select:none}[data-theme=dark] .inbox-refresh-btn{background:#38bdf81a;border-color:#38bdf840;color:#38bdf8;box-shadow:0 2px 6px #00000040}.inbox-refresh-btn svg{transition:transform var(--transition-fast);transform-origin:center center}.inbox-refresh-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 12px #0284c740}.inbox-refresh-btn:hover svg{transform:rotate(90deg)}[data-theme=dark] .inbox-refresh-btn:hover{background:#38bdf8;color:#0f172a;border-color:#38bdf8;box-shadow:0 4px 14px #38bdf84d}.inbox-refresh-btn:active{transform:translateY(0) scale(.96)}.inbox-refresh-btn.spinning{background:var(--color-primary)!important;color:#fff!important;border-color:var(--color-primary)!important;box-shadow:0 4px 14px #0284c74d!important}[data-theme=dark] .inbox-refresh-btn.spinning{background:#38bdf8!important;color:#0f172a!important;border-color:#38bdf8!important;box-shadow:0 4px 16px #38bdf859!important}.inbox-refresh-btn.spinning svg{animation:smoothRotate 2.8s linear infinite!important}@keyframes smoothRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.inbox-body{min-height:260px;display:flex;flex-direction:column}.inbox-empty-state{margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.5rem 1.5rem;text-align:center}.empty-state-spinner{width:56px;height:56px;border-radius:var(--radius-full);background:var(--color-bg-tint);color:var(--color-primary);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;animation:pulseGlow 3s infinite ease-in-out}.empty-state-spinner svg{animation:slowRadarSpin 5.5s linear infinite;transform-origin:center center}@keyframes slowRadarSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state-text{font-size:1.05rem;font-weight:600;color:var(--color-text-muted)}.email-list{list-style:none;width:100%;padding:0;margin:0}.email-item{display:grid;grid-template-columns:24px 125px 1fr 75px;align-items:center;column-gap:1.35rem;padding:1.05rem 1.6rem;border-bottom:1px solid var(--color-bg-tertiary);border-left:3px solid transparent;cursor:pointer;transition:all var(--transition-fast)}[data-theme=dark] .email-item{border-bottom-color:#33415599}.email-item:last-child{border-bottom:none}.email-item:hover{background:#0284c70a;border-left-color:var(--color-primary)}[data-theme=dark] .email-item:hover{background:#38bdf80f;border-left-color:#38bdf8}.email-item.unread{background:#e0f2fe73}[data-theme=dark] .email-item.unread{background:#38bdf81a}.email-index-num{font-size:.88rem;font-weight:700;color:var(--color-text-muted);text-align:left;white-space:nowrap;user-select:none;font-feature-settings:"tnum"}.email-item.unread .email-index-num{color:var(--color-primary)}[data-theme=dark] .email-item.unread .email-index-num{color:#38bdf8}.email-sender-col{display:flex;align-items:center;gap:.45rem;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-sender-text{font-weight:700;font-size:.94rem;color:var(--color-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.unread-dot{width:7px;height:7px;border-radius:var(--radius-full);background:var(--color-primary);box-shadow:0 0 8px #0284c799;flex-shrink:0}[data-theme=dark] .unread-dot{background:#38bdf8;box-shadow:0 0 8px #38bdf8b3}.email-subject-col{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-subject-text{font-size:.93rem;font-weight:500;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.email-item.unread .email-subject-text{color:var(--color-text-main);font-weight:600}.email-time-col{text-align:right;white-space:nowrap;flex-shrink:0}.email-time-text{font-size:.84rem;font-weight:500;color:var(--color-text-light);white-space:nowrap}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a8c;backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all var(--transition-normal)}.modal-overlay.active{opacity:1;visibility:visible}.email-modal{position:relative;background:#fff;width:94%;max-width:800px;max-height:88vh;border-radius:20px;box-shadow:0 25px 60px -12px #00000061,0 0 1px 1px #0000000d;overflow:hidden;transform:translateY(20px) scale(.96);transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}[data-theme=dark] .email-modal{background:#111827;border:1px solid #1f293d;box-shadow:0 25px 60px -12px #000000b3,0 0 1px 1px #ffffff14}.delete-confirm-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0f172aa6;backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1.25rem;opacity:0;visibility:hidden;transition:all var(--transition-fast)}.delete-confirm-overlay.active{opacity:1;visibility:visible}.delete-confirm-card{background:#fff;border-radius:var(--radius-lg);padding:1.5rem 1.35rem;width:100%;max-width:320px;text-align:center;box-shadow:0 20px 40px #00000059;border:1px solid rgba(239,68,68,.25);transform:scale(.92);transition:transform var(--transition-fast)}.delete-confirm-overlay.active .delete-confirm-card{transform:scale(1)}[data-theme=dark] .delete-confirm-card{background:#1e293b;border-color:#ef444466;box-shadow:0 20px 45px #000000a6}.delete-confirm-icon{width:48px;height:48px;border-radius:var(--radius-full);background:#ef44441f;color:#ef4444;display:inline-flex;align-items:center;justify-content:center;margin-bottom:.75rem}[data-theme=dark] .delete-confirm-icon{background:#ef444433;color:#f87171}.delete-confirm-title{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;color:var(--color-text-main);margin-bottom:.35rem}.delete-confirm-desc{font-size:.84rem;color:var(--color-text-muted);line-height:1.45;margin-bottom:1.25rem}.delete-confirm-buttons{display:flex;gap:.65rem}.btn-confirm-cancel{flex:1;height:38px;border-radius:var(--radius-full);background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-main);font-weight:600;font-size:.85rem;cursor:pointer;transition:all var(--transition-fast)}[data-theme=dark] .btn-confirm-cancel{background:#0f172a;border-color:#334155}.btn-confirm-cancel:hover{background:var(--color-bg-tertiary)}.btn-confirm-delete{flex:1;height:38px;border-radius:var(--radius-full);background:#ef4444;border:1px solid #dc2626;color:#fff;font-weight:600;font-size:.85rem;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 12px #ef44444d}.btn-confirm-delete:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 6px 16px #ef444466}.modal-header.gmail-header{padding:1rem 1.4rem;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;background:var(--color-bg-secondary);gap:.75rem;flex-shrink:0}[data-theme=dark] .modal-header.gmail-header{background:#0c1220;border-bottom-color:#1f293d}.gmail-header-left{display:flex;align-items:center;gap:.6rem;min-width:0;flex:1}.gmail-inbox-tag{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .45rem;border-radius:4px;background:#0284c71a;color:var(--color-primary);border:1px solid rgba(2,132,199,.2);flex-shrink:0}[data-theme=dark] .gmail-inbox-tag{background:#38bdf81f;color:#38bdf8;border-color:#38bdf840}.modal-title.gmail-subject-title{font-family:var(--font-heading);font-size:1.02rem;font-weight:700;color:var(--color-text-main);margin:0;display:flex;align-items:center;gap:.45rem;min-width:0;flex:1;line-height:1.35}.header-otp-chip{display:inline-flex;align-items:center;gap:.25rem;font-family:inherit;font-size:1em;font-weight:800;letter-spacing:.03em;color:var(--color-primary, #0284c7)!important;background:transparent!important;border:none!important;border-radius:0;padding:0 .15rem;margin:0 .15rem;flex-shrink:0;cursor:pointer;box-shadow:none!important;transition:all var(--transition-fast);text-decoration:underline!important;text-decoration-color:var(--color-primary, #0284c7)!important;text-underline-offset:3.5px;text-decoration-thickness:2px;user-select:none}.header-otp-chip:hover{opacity:.82;text-decoration-color:var(--color-primary, #0284c7)!important}[data-theme=dark] .header-otp-chip{color:#38bdf8!important;text-decoration-color:#38bdf8!important;background:transparent!important;border:none!important;box-shadow:none!important}[data-theme=dark] .header-otp-chip:hover{opacity:.85;text-decoration-color:#7dd3fc!important}.header-otp-chip.copied{color:#059669!important;text-decoration-color:#059669!important;background:transparent!important;border:none!important;box-shadow:none!important}[data-theme=dark] .header-otp-chip.copied{color:#34d399!important;text-decoration-color:#34d399!important}.header-otp-chip.copied .otp-pill-code{display:none}.header-otp-chip.copied .otp-copied-toast{display:inline-block;font-weight:800;font-size:.95em;color:inherit!important}.header-subject-snippet{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1;color:var(--color-text-main)}.gmail-header-actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.gmail-action-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-full);background:#94a3b81f;color:var(--color-text-muted);border:1px solid rgba(148,163,184,.2);transition:all var(--transition-fast);cursor:pointer}.gmail-action-icon-btn:hover{background:#0284c71f;border-color:#0284c759;color:var(--color-primary);transform:translateY(-1px)}[data-theme=dark] .gmail-action-icon-btn{background:#33415599;border-color:#47556999;color:#94a3b8}[data-theme=dark] .gmail-action-icon-btn:hover{background:#38bdf833;border-color:#38bdf880;color:#38bdf8}.gmail-action-icon-btn.delete-btn:hover{background:#ef44441f;border-color:#ef444459;color:#ef4444}[data-theme=dark] .gmail-action-icon-btn.delete-btn:hover{background:#ef444433;border-color:#ef444480;color:#f87171}.gmail-action-icon-btn.downloaded{background:#10b981!important;color:#fff!important;border-color:#10b981!important}.modal-close-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-full);background:#94a3b81f;color:var(--color-text-muted);border:1px solid rgba(148,163,184,.2);transition:all var(--transition-fast);cursor:pointer}.modal-close-btn:hover{background:#ef44441f;border-color:#ef444459;color:var(--color-danger);transform:rotate(90deg) scale(1.05)}[data-theme=dark] .modal-close-btn{background:#33415599;border-color:#47556999;color:#94a3b8}[data-theme=dark] .modal-close-btn:hover{background:#ef444433;border-color:#ef444480;color:#f87171}.gmail-sender-row{padding:.9rem 1.4rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);flex-shrink:0}[data-theme=dark] .gmail-sender-row{background:#111827;border-bottom-color:#1f293d}.gmail-sender-info-wrap{display:flex;align-items:center;gap:.75rem;min-width:0;flex:1}.gmail-sender-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:#ea580c;color:#fff;font-family:var(--font-heading);font-weight:700;font-size:1.1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #00000026;text-transform:uppercase}.gmail-sender-texts{min-width:0;flex:1;display:flex;flex-direction:column;gap:.2rem}.gmail-sender-line-1{display:flex;align-items:baseline;gap:.45rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.gmail-sender-name{font-weight:700;font-size:.96rem;color:var(--color-text-main);flex-shrink:0;white-space:nowrap;letter-spacing:-.01em}.gmail-sender-email{font-size:.8rem;color:var(--color-text-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.gmail-sender-line-2{display:flex;align-items:center;justify-content:space-between;gap:.6rem;min-width:0;width:100%}.gmail-sender-line-2-left{position:relative;display:flex;align-items:center;gap:.35rem}.gmail-sender-line-2-right{display:flex;align-items:center;margin-left:auto;flex-shrink:0}.gmail-details-pill{display:inline-flex;align-items:center;gap:.25rem;font-size:.76rem;font-weight:600;color:var(--color-text-muted);background:#94a3b81f;border:1px solid rgba(148,163,184,.22);padding:.1rem .46rem;border-radius:6px;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0;user-select:none}.gmail-details-pill:hover{background:#94a3b838;color:var(--color-text-main);border-color:#94a3b859}.gmail-details-pill .pill-arrow{transition:transform .2s cubic-bezier(.16,1,.3,1)}.gmail-details-pill[aria-expanded=true],.gmail-details-pill.active{background:#0284c724!important;color:var(--color-primary, #0284c7)!important;border-color:#0284c773!important;box-shadow:0 0 0 2px #0284c726}[data-theme=dark] .gmail-details-pill[aria-expanded=true],[data-theme=dark] .gmail-details-pill.active{background:#38bdf82e!important;color:#38bdf8!important;border-color:#38bdf880!important;box-shadow:0 0 0 2px #38bdf833}.gmail-details-pill[aria-expanded=true] .pill-arrow,.gmail-details-pill.active .pill-arrow{transform:rotate(180deg);color:currentColor}.gmail-time-text{font-size:.78rem;color:var(--color-text-muted);font-weight:500;white-space:nowrap;text-align:right}.gmail-details-popover{position:absolute;top:calc(100% + 8px);left:0;z-index:60;min-width:320px;max-width:min(440px,86vw);margin:0;padding:.75rem .95rem;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;box-shadow:0 12px 36px -4px #00000029,0 4px 12px #0000000f;backdrop-filter:blur(12px);animation:detailsFadeDown .16s cubic-bezier(.16,1,.3,1) forwards;flex-shrink:0}[data-theme=dark] .gmail-details-popover{background:#0f172afa;border-color:#334155d9;box-shadow:0 16px 40px -4px #0009,0 0 0 1px #ffffff0f}@keyframes detailsFadeDown{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.gmail-detail-table{display:flex;flex-direction:column;gap:.4rem;font-size:.78rem;line-height:1.35}.detail-row{display:flex;align-items:baseline;gap:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.detail-label{color:var(--color-text-muted, #64748b);font-weight:600;min-width:52px;text-align:right;white-space:nowrap;flex-shrink:0}.detail-val{color:var(--color-text-main, #0f172a);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}[data-theme=dark] .detail-val{color:#f1f5f9}.detail-val.security-val{display:inline-flex;align-items:center;gap:.3rem;color:#16a34a;font-weight:600;font-size:.76rem;white-space:nowrap}[data-theme=dark] .detail-val.security-val{color:#4ade80}.modal-content.gmail-body-canvas-wrap{padding:.75rem 1.25rem;background:#f1f5f9;flex:1 1 auto;overflow-y:auto;min-height:auto;max-height:60vh}[data-theme=dark] .modal-content.gmail-body-canvas-wrap{background:#090d16}.gmail-panel{display:none;width:100%}.gmail-panel.active{display:block}.gmail-iframe{width:100%;min-height:40px;border:1px solid rgba(0,0,0,.08);border-radius:12px;background:#fff;display:block;box-shadow:0 2px 8px #0000000a;transition:height .15s ease}[data-theme=dark] .gmail-iframe{border-color:#1e293b;box-shadow:0 4px 16px #0000004d}.gmail-plain-text{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.92rem;line-height:1.65;color:#1e293b;box-shadow:0 4px 16px #0000000f;white-space:pre-wrap;word-break:break-word}[data-theme=dark] .gmail-plain-text{background:#131b2e;border-color:#1e293b;color:#e2e8f0}.gmail-raw-code-box{background:#0f172a;border:1px solid #1e293b;border-radius:12px;padding:1.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.82rem;line-height:1.5;color:#cbd5e1;white-space:pre-wrap;word-break:break-all;max-height:480px;overflow:auto;box-shadow:0 4px 16px #0006}.modal-title .otp-highlight-pill{flex-shrink:0;white-space:nowrap;font-family:inherit;font-size:1em;font-weight:700;color:var(--color-primary)!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:0 .15rem;margin:0 .15rem;vertical-align:baseline;letter-spacing:.02em;cursor:pointer;text-decoration:underline;text-decoration-color:#0284c766;text-underline-offset:3px;transition:opacity var(--transition-fast),color var(--transition-fast)}[data-theme=dark] .modal-title .otp-highlight-pill{color:#38bdf8!important;text-decoration-color:#38bdf873}.modal-title .otp-highlight-pill:hover{opacity:.82;text-decoration-color:currentColor}.modal-title .otp-highlight-pill .otp-copy-action{display:none!important}.modal-title .otp-highlight-pill.copied{color:#059669!important;background:transparent!important;border:none!important;box-shadow:none!important}[data-theme=dark] .modal-title .otp-highlight-pill.copied{color:#34d399!important}.modal-title .otp-highlight-pill.copied .otp-pill-code{display:none}.modal-title .otp-highlight-pill.copied .otp-copied-toast{display:inline-block;padding-left:0;font-size:.88em;color:currentColor}.email-body-link{color:#0284c7;text-decoration:underline;text-underline-offset:3px;word-break:break-all;font-weight:500;transition:color .15s ease,opacity .15s ease}.email-body-link:hover{color:#0369a1;opacity:.85}.modal-actions.gmail-modal-actions{padding:.9rem 1.4rem;background:var(--color-bg-secondary);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;align-items:center;gap:.75rem;flex-shrink:0}[data-theme=dark] .modal-actions.gmail-modal-actions{background:#0c1220;border-top-color:#1f293d}.email-body-link{color:var(--color-primary, #0284c7);text-decoration:underline;text-underline-offset:3px;word-break:break-all;font-weight:500;transition:color .15s ease,opacity .15s ease}.email-body-link:hover{color:var(--color-primary-hover, #0369a1);opacity:.85}[data-theme=dark] .email-body-link{color:#38bdf8}[data-theme=dark] .email-body-link:hover{color:#7dd3fc}.otp-highlight-pill{display:inline-flex;align-items:center;gap:.32rem;padding:.1rem .45rem;margin:0 .2rem;background:#0284c714;border:1px solid rgba(2,132,199,.32);border-radius:6px;color:var(--color-primary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.92em;font-weight:700;letter-spacing:.03em;cursor:pointer;vertical-align:baseline;position:relative;transition:background .12s ease,border-color .12s ease,color .12s ease;line-height:1.35;user-select:none;overflow:hidden}[data-theme=dark] .otp-highlight-pill{background:#38bdf81f;border-color:#38bdf859;color:#38bdf8}.otp-highlight-pill:hover{background:#0284c726;border-color:var(--color-primary)}[data-theme=dark] .otp-highlight-pill:hover{background:#38bdf833;border-color:#38bdf8}.otp-copy-action{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;flex-shrink:0}.otp-icon-copy{opacity:.75;transition:opacity .1s ease}.otp-highlight-pill:hover .otp-icon-copy{opacity:1}.otp-icon-check{display:none;color:#10b981}.otp-copied-toast{display:none;font-size:.7rem;font-weight:700;color:#059669;letter-spacing:.02em;animation:otpFastIn .12s ease-out forwards}[data-theme=dark] .otp-copied-toast{color:#34d399}.otp-highlight-pill.copied{background:#10b9811f!important;border-color:#10b98199!important;color:#059669!important}[data-theme=dark] .otp-highlight-pill.copied{background:#10b9812e!important;border-color:#10b981b3!important;color:#34d399!important}.otp-highlight-pill.copied .otp-icon-copy{display:none}.otp-highlight-pill.copied .otp-icon-check{display:block}.otp-highlight-pill.copied .otp-copied-toast{display:inline-block}@keyframes otpFastIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.modal-actions{padding:1.15rem 1.75rem;background:var(--color-bg-secondary);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;align-items:center;gap:.75rem}[data-theme=dark] .modal-actions{background:#0f172a;border-top-color:#334155}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:120px;height:42px;padding:0 1.25rem;background:#ef444414;border:1px solid rgba(239,68,68,.25);color:var(--color-danger);font-weight:600;font-size:.88rem;border-radius:var(--radius-full);transition:all var(--transition-fast);box-shadow:0 2px 8px #ef444414;cursor:pointer;user-select:none}[data-theme=dark] .btn-danger{background:#ef444429;border-color:#ef444459;color:#fca5a5;box-shadow:none}.btn-danger:hover{background:var(--color-danger);border-color:var(--color-danger);color:#fff;transform:translateY(-2px);box-shadow:0 6px 18px #ef444459}[data-theme=dark] .btn-danger:hover{background:#ef4444;border-color:#ef4444;color:#fff;box-shadow:0 6px 18px #ef444466}.btn-download{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:130px;height:42px;padding:0 1.35rem;background:linear-gradient(135deg,var(--color-primary) 0%,#0284c7 100%);color:#fff;font-weight:600;font-size:.88rem;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.25);transition:all var(--transition-fast);box-shadow:0 4px 14px #0284c74d,inset 0 1px #ffffff40;cursor:pointer;user-select:none;letter-spacing:.01em}[data-theme=dark] .btn-download{background:linear-gradient(135deg,#0284c7,#0369a1);border:1px solid rgba(56,189,248,.35);color:#f0f9ff;box-shadow:0 4px 16px #0284c759,inset 0 1px #ffffff26}.btn-download:hover{background:linear-gradient(135deg,#0369a1,#075985);transform:translateY(-2px);box-shadow:0 6px 20px #0284c773}[data-theme=dark] .btn-download:hover{background:linear-gradient(135deg,#0ea5e9,#0284c7);border-color:#38bdf8;color:#fff;transform:translateY(-2px);box-shadow:0 6px 22px #38bdf873}.btn-download:active,.btn-danger:active{transform:translateY(0)}.why-choose-section{text-align:center}.section-title{font-family:var(--font-heading);font-size:2.25rem;font-weight:800;letter-spacing:-.025em;color:var(--color-text-main);margin-bottom:.75rem}.section-subtitle{font-size:1.05rem;color:var(--color-text-muted);max-width:560px;margin:0 auto 2.5rem}.pills-nav{display:inline-flex;background:#ffffffe6;backdrop-filter:blur(10px);padding:.35rem;border-radius:var(--radius-full);border:1px solid var(--color-border);gap:.25rem;margin-bottom:3.5rem;box-shadow:var(--shadow-sm)}[data-theme=dark] .pills-nav{background:#1e293bcc;border-color:#334155}.pill-item{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1.25rem;border-radius:var(--radius-full);font-size:.88rem;font-weight:700;color:var(--color-text-muted);transition:all var(--transition-fast);cursor:pointer;border:1.5px solid var(--color-border);background:var(--color-bg-secondary);box-shadow:0 1px 3px #0000000a}[data-theme=dark] .pill-item{background:#090d16;border-color:#334155;color:var(--color-text-muted)}.pill-item:hover{color:var(--color-primary);border-color:var(--color-primary);transform:translateY(-1px)}[data-theme=dark] .pill-item:hover{color:#38bdf8;border-color:#38bdf8}.pill-item.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 4px 14px var(--color-primary-glow)}[data-theme=dark] .pill-item.active{background:#38bdf8;border-color:#38bdf8;color:#090d16;box-shadow:0 4px 14px #38bdf859}.why-choose-content-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:3rem;align-items:center;text-align:left;width:100%;max-width:100%}.why-choose-text{max-width:580px}.why-choose-text h3{font-family:var(--font-heading);font-size:2rem;font-weight:800;margin-bottom:1.15rem;line-height:1.25}.why-choose-text p{color:var(--color-text-muted);font-size:1.025rem;line-height:1.7;margin-bottom:1.25rem}.illustration-box{display:flex;justify-content:flex-end;align-items:center;width:100%}.hourglass-svg-graphic{max-width:330px;height:auto;filter:drop-shadow(0 15px 30px rgba(2,132,199,.15))}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}.feature-card{background:#ffffffe6;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-lg);padding:1.85rem;transition:all var(--transition-normal);display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}[data-theme=dark] .feature-card{background:#1e293bd9;border-color:#334155}.feature-card:hover{border-color:var(--color-primary-light);transform:translateY(-4px);box-shadow:0 16px 35px -10px #0284c726;background:#fff}[data-theme=dark] .feature-card:hover{background:#1e293b;border-color:#38bdf8}.feature-icon-badge{width:46px;height:46px;border-radius:var(--radius-md);background:var(--color-bg-tint);color:var(--color-primary);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.feature-card h4{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;color:var(--color-text-main);margin-bottom:.6rem}.feature-card p{font-size:.925rem;color:var(--color-text-muted);line-height:1.6}.faq-container{max-width:800px;margin:2.5rem auto 0}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{background:#ffffffe6;backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-fast)}[data-theme=dark] .faq-item{background:#1e293bd9;border-color:#334155}.faq-item.active{border-color:var(--color-primary);background:#fff;box-shadow:var(--shadow-sm)}[data-theme=dark] .faq-item.active{background:#1e293b;border-color:#38bdf8}.faq-button{width:100%;padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;text-align:left;font-family:var(--font-heading);font-size:1.05rem;font-weight:700;color:var(--color-text-main);background:transparent}.faq-icon{color:var(--color-text-muted);transition:transform var(--transition-normal);flex-shrink:0}.faq-item.active .faq-icon{transform:rotate(180deg);color:var(--color-primary)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.16,1,.3,1),padding .3s ease;padding:0 1.5rem}.faq-item.active .faq-answer{max-height:800px;padding:0 1.5rem 1.35rem}.faq-answer p{font-size:.95rem;color:var(--color-text-muted);line-height:1.7}.articles-header{text-align:center;max-width:720px;margin:0 auto 2.75rem;display:flex;flex-direction:column;align-items:center}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.article-card{background:#ffffffeb;backdrop-filter:blur(12px);border:1.5px solid var(--color-border, #e2e8f0);border-radius:var(--radius-xl, 20px);overflow:hidden;display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;box-shadow:0 10px 25px -4px #0f172a0f;transition:all .3s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .article-card{background:#0f172ae0;border-color:#38bdf838;box-shadow:inset 0 1.5px 1px #ffffff14,0 12px 30px -6px #000000a6}.article-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px -6px #0f172a24;background:#fff;border-color:var(--color-primary, #0284c7)}[data-theme=dark] .article-card:hover{background:#1e293b;border-color:#38bdf873;box-shadow:0 18px 40px -6px #000c,0 0 24px #38bdf826}.article-thumb{width:100%;height:175px;background:#0f172a;display:block;position:relative;overflow:hidden;margin:0;padding:0}.article-body{padding:1.4rem;display:flex;flex-direction:column;flex:1;min-width:0}.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:.76rem;margin-bottom:.75rem}.article-date{color:var(--color-text-light, #94a3b8)}.article-tag{background:var(--color-bg-secondary, #f0f7fe);color:var(--color-primary, #0284c7);font-weight:700;padding:.2rem .55rem;border-radius:var(--radius-full, 9999px);text-transform:uppercase;font-size:.7rem;letter-spacing:.03em}[data-theme=dark] .article-tag{background:#38bdf81f;color:#38bdf8}.article-read-time{color:var(--color-text-light, #94a3b8);margin-left:auto;font-weight:500}.article-title{font-family:var(--font-heading, "Outfit", sans-serif);font-size:1.15rem;font-weight:700;color:var(--color-text-main, #0f172a);margin-bottom:.65rem;line-height:1.4;letter-spacing:-.015em;min-height:3.2rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-excerpt{font-size:.88rem;color:var(--color-text-muted, #475569);line-height:1.55;margin-bottom:1.25rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:4.1rem}.article-cta-row{margin-top:auto;padding-top:.85rem;border-top:1px solid var(--color-border, #e2e8f0)}[data-theme=dark] .article-cta-row{border-top-color:#1e293b}.article-read-link{font-size:.86rem;font-weight:700;color:var(--color-primary, #0284c7);display:inline-flex;align-items:center;gap:.35rem;transition:all .2s ease}[data-theme=dark] .article-read-link{color:#38bdf8}.article-card:hover .article-read-link{color:var(--color-primary-hover, #0369a1);transform:translate(4px)}.newsletter-card{position:relative;background:linear-gradient(135deg,#ffffff 0%,var(--color-bg-tint) 100%);border:1.5px solid rgba(2,132,199,.25);border-radius:var(--radius-xl);padding:3.5rem 2rem;text-align:center;box-shadow:0 20px 45px -10px #0284c729,0 10px 20px -5px #0f172a0d;max-width:720px;margin:0 auto;transform:translateY(-8px);transition:all .35s cubic-bezier(.16,1,.3,1);overflow:hidden}.newsletter-card:hover{transform:translateY(-16px) scale(1.015);box-shadow:0 35px 70px -12px #0284c747,0 16px 32px -6px #0f172a1a,0 0 0 1.5px #0284c766;border-color:#0284c773}.newsletter-card:hover .newsletter-icon{transform:scale(1.15) rotate(6deg);box-shadow:0 8px 24px #0284c74d}[data-theme=dark] .newsletter-card{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#38bdf840;box-shadow:0 22px 48px -10px #000000b3,0 0 25px #38bdf81a}[data-theme=dark] .newsletter-card:hover{border-color:#38bdf8;box-shadow:0 35px 75px -10px #000000d9,0 0 45px #38bdf838}.newsletter-icon{width:54px;height:54px;border-radius:var(--radius-full);background:#fff;color:var(--color-primary);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;box-shadow:0 6px 18px #0284c733;border:1.5px solid rgba(2,132,199,.15);transition:all .3s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .newsletter-icon{background:#0f172a;color:#38bdf8;border-color:#38bdf84d;box-shadow:0 0 20px #38bdf833}.newsletter-form{display:flex;gap:.65rem;max-width:480px;margin:1.85rem auto 0;align-items:center}.newsletter-input-wrapper{position:relative;flex:1;display:flex;align-items:center;background:#fff;border:1.5px solid rgba(2,132,199,.3);border-radius:var(--radius-full);box-shadow:0 4px 14px #0f172a0f,inset 0 2px 4px #0f172a08;transition:all .25s ease}.newsletter-input-wrapper:hover{border-color:var(--color-primary, #0284c7);box-shadow:0 6px 18px #0284c71f,inset 0 2px 4px #0f172a08}.newsletter-input-wrapper:focus-within{border-color:var(--color-primary, #0284c7);box-shadow:0 0 0 3.5px #0284c733,0 6px 20px #0284c726}.newsletter-input-icon{position:absolute;left:1.05rem;color:var(--color-primary, #0284c7);pointer-events:none;flex-shrink:0;transition:color .2s ease}.newsletter-input{width:100%;padding:.82rem 1.25rem .82rem 2.85rem;border-radius:var(--radius-full);border:none;outline:none;font-size:.95rem;font-family:inherit;font-weight:500;background:transparent;color:var(--color-text-main, #0f172a)}.newsletter-input::placeholder{color:#64748b;font-weight:500;opacity:.9}[data-theme=dark] .newsletter-input-wrapper{background:#090d16;border-color:#38bdf859;box-shadow:inset 0 2px 6px #0009,0 4px 14px #0006}[data-theme=dark] .newsletter-input-wrapper:hover{border-color:#38bdf8;box-shadow:inset 0 2px 6px #0009,0 0 16px #38bdf82e}[data-theme=dark] .newsletter-input-wrapper:focus-within{border-color:#38bdf8;box-shadow:0 0 0 3.5px #38bdf840,0 0 24px #38bdf833}[data-theme=dark] .newsletter-input-icon{color:#38bdf8}[data-theme=dark] .newsletter-input{color:#f8fafc}[data-theme=dark] .newsletter-input::placeholder{color:#94a3b8;opacity:.85}.newsletter-submit{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;background:#0f172a;color:#fff;font-family:inherit;font-weight:700;font-size:.92rem;padding:.82rem 1.65rem;border-radius:var(--radius-full);border:none;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 6px 18px #0f172a38;cursor:pointer;white-space:nowrap;flex-shrink:0}.newsletter-submit:hover{background:#1e293b;transform:translateY(-2px);box-shadow:0 10px 24px #0f172a4d}.newsletter-submit:hover svg{transform:translate(3px)}.newsletter-submit svg{transition:transform .2s ease}[data-theme=dark] .newsletter-submit{background:linear-gradient(135deg,#38bdf8,#0284c7);color:#090d16;box-shadow:0 6px 20px #38bdf84d}[data-theme=dark] .newsletter-submit:hover{background:linear-gradient(135deg,#7dd3fc,#38bdf8);box-shadow:0 8px 26px #38bdf873}[data-theme=dark] .newsletter-submit:hover{background:#7dd3fc}.newsletter-feedback{margin-top:.75rem;font-size:.875rem;font-weight:500;display:none}.newsletter-feedback.error{display:block;color:var(--color-danger)}.newsletter-feedback.success{display:block;color:var(--color-success)}.site-footer{background:#ffffffbf;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-top:1px solid rgba(226,232,240,.8);padding:.85rem 0;margin-top:auto;font-size:.825rem;color:var(--color-text-muted);box-shadow:inset 0 1px #ffffffe6}[data-theme=dark] .site-footer{background:#0f172abf;border-top-color:#ffffff14;box-shadow:inset 0 1px #ffffff0d}.footer-container{display:flex;align-items:center;justify-content:space-between;gap:1rem}.footer-left{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.footer-brand{font-size:.9rem;gap:.45rem;color:var(--color-text-main);font-weight:700}.footer-logo-icon{width:22px;height:22px}.footer-brand-name{font-size:.9rem}.footer-status-badge{display:inline-flex;align-items:center;gap:.35rem;background:#10b98114;border:1px solid rgba(16,185,129,.2);color:#059669;padding:.15rem .5rem;border-radius:var(--radius-full);font-size:.725rem;font-weight:600;letter-spacing:.01em}[data-theme=dark] .footer-status-badge{background:#10b9811f;border-color:#10b9814d;color:#34d399}.status-dot{width:6px;height:6px;border-radius:var(--radius-full);background:#10b981;box-shadow:0 0 6px #10b98199;animation:pulseGlow 2s infinite ease-in-out}.footer-divider{color:var(--color-border);font-size:.65rem}[data-theme=dark] .footer-divider{color:#334155}.footer-copyright{color:var(--color-text-light);font-size:.8rem}.footer-links{display:flex;align-items:center;gap:.35rem}.footer-link{color:var(--color-text-muted);font-size:.825rem;font-weight:500;padding:.3rem .65rem;border-radius:var(--radius-full);transition:all var(--transition-fast)}.footer-link:hover{color:var(--color-primary);background:var(--color-bg-tint)}[data-theme=dark] .footer-link:hover{color:#38bdf8;background:#38bdf81f}@media (max-width: 1024px){.header-floating-pill{max-width:92%}.features-grid,.articles-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.contact-channels-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (max-width: 768px){.site-header{top:.5rem;padding:0 .45rem;width:100%}.header-floating-pill{width:100%;max-width:100%;padding:.5rem .85rem .5rem 1.15rem;border-radius:var(--radius-full);min-height:52px}.header-center-nav{display:none}.brand-logo{gap:.65rem}.brand-name-text{font-size:1.08rem;font-weight:800}.logo-icon-wrapper{width:34px;height:34px}.header-right-actions{gap:.5rem}.mobile-menu-btn{display:inline-flex}.mobile-nav-dropdown{display:block}.section-spacing{padding-top:3rem;padding-bottom:3rem}.hero-section{padding-top:2.75rem;padding-bottom:1.5rem}.hero-title{font-size:2.35rem;letter-spacing:-.025em}.hero-subtitle{font-size:.98rem;margin-bottom:1.75rem}.generator-box{max-width:100%;padding:.35rem .45rem .35rem .85rem;gap:.4rem}.email-display-input{font-size:1.05rem;padding:.35rem .25rem}.copy-btn{padding:.55rem 1.1rem;font-size:.85rem}.generator-actions-row{max-width:100%;gap:.5rem;margin-bottom:1.75rem}.generator-action-btn{font-size:.82rem;padding:.5rem .3rem;min-height:40px}.pills-nav-wrap{width:100%;margin-bottom:2rem;padding:0;overflow:visible}.pills-nav{display:grid!important;grid-template-columns:repeat(2,1fr)!important;width:100%!important;max-width:100%!important;border-radius:var(--radius-xl, 20px)!important;padding:.5rem!important;gap:.45rem!important;overflow:visible!important}.pill-item{width:100%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:.65rem .5rem!important;font-size:.82rem!important;border-radius:var(--radius-lg, 14px)!important;gap:.35rem!important;text-align:center!important;white-space:nowrap!important}.why-choose-tab-panels{padding:0}.why-choose-panel{flex-direction:column!important;padding:1.75rem 1.25rem;border-radius:var(--radius-lg);gap:1.75rem;text-align:center}.illustration-box{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;margin:0 auto 1.25rem!important}.why-svg-graphic,.why-panel-illustration{display:block!important;width:100%!important;max-width:250px!important;margin:0 auto!important}.why-grid{grid-template-columns:1fr;gap:1rem;margin-top:2rem}.why-card{padding:1.35rem 1.15rem}.features-grid{grid-template-columns:1fr;gap:1.15rem;margin-top:2.25rem}.feature-card{padding:1.6rem 1.25rem}.articles-grid{grid-template-columns:1fr;gap:1.25rem}.article-card{border-radius:var(--radius-lg)}.footer-container{flex-direction:column;text-align:center;gap:.85rem;padding:.5rem 0}.footer-left{justify-content:center}.footer-links{flex-wrap:wrap;justify-content:center;gap:.25rem}.modal-overlay{padding:.75rem;align-items:flex-end}.modal-content{max-width:100%;width:100%;border-radius:24px 24px 16px 16px;max-height:90vh;overflow-y:auto}}@media (max-width: 480px){.container{padding-left:1rem;padding-right:1rem}.hero-title{font-size:1.95rem;line-height:1.18}.hero-subtitle{font-size:.9rem;line-height:1.5;margin-bottom:1.35rem}.generator-box{padding:.3rem .35rem .3rem .65rem}.email-display-input{font-size:.92rem}.copy-btn{padding:.5rem .9rem;font-size:.8rem;gap:.3rem}.copy-btn span{font-size:.8rem}.generator-action-btn{font-size:.76rem;padding:.45rem .2rem;gap:.25rem}.generator-action-btn svg{width:14px;height:14px}.generator-more-dropdown{width:220px;left:auto;right:0;transform:translateY(6px)}.inbox-card{padding:1.15rem .85rem;border-radius:var(--radius-lg)}.inbox-item-row{padding:.85rem .65rem}.form-input,.form-textarea,.blog-search-input{font-size:16px!important}.contact-glass-card{padding:1.35rem 1rem!important}.topic-pills-row{grid-template-columns:1fr 1fr!important;gap:.45rem!important}.topic-pill{font-size:.76rem!important;padding:.5rem .35rem!important}.article-hero-banner{height:170px!important}.article-content-card,.privacy-content-card,.terms-content-card{padding:1.35rem 1rem!important}}@media (max-width: 360px){.hero-title{font-size:1.75rem}.brand-name-text{font-size:.9rem}.email-display-input{font-size:.85rem}.generator-action-btn span{font-size:.72rem}.pill-item{font-size:.76rem;padding:.45rem .65rem}}.features-section,.why-choose-section,.articles-section,.faq-section,.newsletter-section,.related-articles-section,.article-comments-section,.trust-security-grid{content-visibility:auto;contain-intrinsic-size:0 450px}.blog-grid .article-card,.articles-grid .article-card{content-visibility:auto;contain-intrinsic-size:0 380px}.site-footer{content-visibility:auto;contain-intrinsic-size:0 320px}@media (min-width: 1440px){:root{--spacing-container: 1140px}.hero-section{padding-top:5rem}}@media (max-width: 1279px) and (min-width: 1024px){.features-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem}.why-choose-content-grid{grid-template-columns:1.2fr .8fr;gap:2.5rem}}@media (max-width: 1023px) and (min-width: 768px){.site-header{top:.75rem;padding:0 1rem}.header-floating-pill{max-width:720px;padding:.45rem .75rem .45rem 1.1rem}.header-center-nav{gap:1rem}.nav-link{font-size:.85rem}.hero-section{padding-top:3.5rem;padding-bottom:2rem}.hero-title{font-size:2.6rem}.hero-subtitle{font-size:1.05rem;max-width:500px}.generator-box{max-width:540px}.inbox-card-container{max-width:700px}.why-choose-content-grid{grid-template-columns:1.1fr .9fr;gap:2rem}.why-choose-text h3{font-size:1.7rem}.hourglass-svg-graphic{max-width:260px}.features-grid,.articles-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.article-card:last-child{display:none}.section-spacing{padding-top:3.75rem;padding-bottom:3.75rem}}@media (max-width: 767px){.header-center-nav{display:none}.mobile-menu-btn{display:inline-flex}.mobile-nav-dropdown{display:block}.site-header{top:.5rem;padding:0 .45rem;width:100%}.header-floating-pill{width:100%;max-width:100%;padding:.5rem .85rem .5rem 1.15rem;min-height:52px}.section-spacing{padding-top:3rem;padding-bottom:3rem}.hero-section{padding-top:2.75rem;padding-bottom:1.5rem}.hero-title{font-size:2.25rem}.hero-subtitle{font-size:.98rem;padding:0 .5rem;margin-bottom:1.75rem}.generator-box{width:100%;max-width:500px;padding:.35rem .45rem .35rem .85rem;gap:.5rem}.email-display-input{font-size:1.12rem;font-weight:700;padding:.35rem .4rem}.copy-btn{padding:.6rem 1.2rem;font-size:.875rem}.why-choose-content-grid{grid-template-columns:1fr;gap:2rem;text-align:center}.why-choose-text{max-width:100%;order:2}.why-choose-text h3{font-size:1.6rem}.illustration-box{order:1;justify-content:center}.hourglass-svg-graphic{max-width:240px}.features-grid{grid-template-columns:1fr;gap:1rem}.articles-grid{grid-template-columns:1fr;gap:1.25rem}.article-card:last-child{display:flex}.newsletter-form{flex-direction:column;width:100%}.newsletter-submit{width:100%;padding:.8rem}.site-footer{padding:.5rem 0 .45rem}.footer-container{flex-direction:column;gap:.3rem;text-align:center}.footer-status-badge{display:none}.footer-left{justify-content:center;gap:.45rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:.15rem}.footer-link{padding:.15rem .5rem}}@media (max-width: 599px){:root{--radius-xl: 18px;--radius-lg: 14px}.site-header{top:.5rem;padding:0 .6rem}.brand-name-text{font-size:1rem}.hero-title{font-size:1.85rem;letter-spacing:-.025em}.hero-subtitle{font-size:.9rem;line-height:1.5}.generator-label{font-size:.85rem}.generator-box{padding:.35rem .4rem .35rem .75rem;gap:.45rem;margin-bottom:.5rem}.email-display-input{font-size:1.05rem;font-weight:700;padding:.25rem .3rem}.copy-btn{padding:.55rem 1.05rem;font-size:.825rem}.generator-actions-row{display:grid;grid-template-columns:repeat(3,1fr);width:88%;max-width:360px;gap:.45rem;margin:.5rem auto 1.75rem}.btn-desktop-only{display:none!important}.btn-mobile-only{display:flex!important}.generator-action-btn{width:100%;padding:.42rem .2rem;font-size:.8rem;min-height:35px;gap:.25rem}.inbox-card-header{padding:1rem 1.15rem}.inbox-title{font-size:1.1rem}.inbox-body{min-height:200px}.inbox-empty-state{padding:2.5rem 1rem}.empty-state-spinner{width:46px;height:46px}.empty-state-text{font-size:.925rem}.email-item{padding:.9rem 1.15rem;gap:.75rem}.email-item-left{gap:.65rem;flex:1;min-width:0}.email-sender{min-width:0;max-width:100%;width:100%;font-size:.92rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-subject{display:none!important}.email-time{font-size:.76rem;color:var(--color-text-light);margin-left:auto;flex-shrink:0}.section-title{font-size:1.65rem}.section-subtitle{font-size:.9rem;margin-bottom:1.75rem}.pills-nav{display:grid;grid-template-columns:repeat(2,1fr);width:100%;max-width:100%;padding:.45rem;gap:.45rem;border-radius:var(--radius-xl);margin-bottom:2rem}.pill-item{padding:.6rem .45rem;font-size:.82rem;gap:.35rem;justify-content:center;border-radius:var(--radius-lg)}.why-choose-text h3{font-size:1.35rem}.why-choose-text p{font-size:.9rem}.hourglass-svg-graphic{max-width:200px}.feature-card{padding:1.35rem}.feature-card h4{font-size:1.05rem}.feature-card p{font-size:.875rem}.faq-button{padding:1rem 1.15rem;font-size:.95rem}.faq-answer{padding:0 1.15rem}.faq-item.active .faq-answer{padding:0 1.15rem 1rem}.faq-answer p{font-size:.875rem}.newsletter-card{padding:2rem 1.25rem}.newsletter-icon{width:44px;height:44px;margin-bottom:.85rem}.inbox-card-header{display:flex;align-items:center;justify-content:space-between;padding:.45rem 1.15rem;min-height:auto}.inbox-header-title-group{display:flex;align-items:center;gap:.5rem}.inbox-title{font-size:1.15rem;font-weight:700;line-height:1;display:inline-flex;align-items:center}.inbox-count-text{font-size:1.05rem;font-weight:700;margin-left:.25rem}.inbox-live-indicator{width:8px;height:8px}.inbox-refresh-btn{display:inline-flex;align-items:center;justify-content:center;padding:.4rem .85rem;font-size:.84rem;font-weight:600;gap:.35rem;height:34px;border-radius:var(--radius-full)}.inbox-refresh-btn svg{width:14px;height:14px}.email-item{display:grid;grid-template-columns:22px 1fr auto;grid-template-areas:"num sender time" "empty subject subject";row-gap:.25rem;column-gap:.5rem;padding:.9rem 1.15rem;border-left:none;position:relative}.email-item.unread:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3.5px;border-radius:0 4px 4px 0;background:var(--color-primary)}[data-theme=dark] .email-item.unread:before{background:#38bdf8;box-shadow:0 0 8px #38bdf880}.email-index-num{grid-area:num;align-self:center;font-size:.82rem;font-weight:700;color:var(--color-text-muted);line-height:1}.email-sender-col{grid-area:sender;display:flex;align-items:center;gap:.4rem;min-width:0}.email-sender-text{font-size:.93rem;font-weight:700;color:var(--color-text-main)}.email-time-col{grid-area:time;text-align:right;align-self:center}.email-time-text{font-size:.76rem;font-weight:500;color:var(--color-text-light)}.email-subject-col{grid-area:subject;min-width:0}.email-subject-text{font-size:.84rem;color:var(--color-text-muted);line-height:1.35}.modal-overlay{align-items:center;justify-content:center;padding:.75rem .35rem 2rem}.email-modal{width:98.5%;max-width:640px;max-height:90vh;margin:0 auto;border-radius:16px;box-shadow:0 25px 60px -10px #00000073;display:flex;flex-direction:column}.modal-overlay.active .email-modal{transform:translateY(-8px) scale(1)}.modal-header.gmail-header{padding:.75rem .9rem;gap:.45rem}.modal-title.gmail-subject-title{font-size:.92rem;gap:.35rem}.header-otp-chip{font-size:.9em;padding:0 .15rem}.gmail-sender-row{padding:.75rem 1rem;gap:.6rem}.gmail-sender-avatar{width:36px;height:36px;font-size:.95rem}.gmail-sender-name{font-size:.88rem}.gmail-sender-email,.gmail-time-text{font-size:.75rem}.gmail-details-popover{left:-44px;min-width:270px;max-width:min(340px,calc(100vw - 36px));padding:.7rem .85rem}.modal-content.gmail-body-canvas-wrap{padding:.5rem .75rem;max-height:56vh}.gmail-iframe{min-height:40px}.modal-actions.gmail-modal-actions{padding:.75rem 1rem;gap:.6rem}.modal-actions .btn-danger,.modal-actions .btn-download{flex:1;min-width:0;height:40px;font-size:.85rem}.custom-input-box{min-height:52px;padding:.45rem .65rem .45rem .95rem;gap:.4rem}.custom-username-input{font-size:1.05rem;padding:.35rem .15rem;flex:1 1 auto;min-width:0}.custom-at-sign{font-size:1.05rem;flex-shrink:0}.custom-domain-select,.domain-picker-trigger{flex-shrink:0;font-size:.85rem;padding:.45rem .6rem}.domain-card-btn{padding:.75rem .85rem}.domain-card-name{font-size:.95rem}}@media (max-width: 360px){.hero-title{font-size:1.6rem}.generator-box{padding:.3rem .35rem .3rem .5rem;gap:.35rem}.email-display-input{font-size:.925rem;padding:.2rem}.copy-btn{padding:.45rem .75rem;font-size:.775rem}.pills-nav{display:grid;grid-template-columns:repeat(2,1fr);width:100%;padding:.35rem;gap:.35rem}.pill-item{padding:.5rem .25rem;font-size:.74rem;gap:.25rem}}