@charset "UTF-8";:root,:root[data-theme=light]{color-scheme:light;--bg-page: #f4f6fb;--bg-card: #ffffff;--bg-elevated: #ffffff;--bg-input: #ffffff;--bg-muted: #eef1f7;--bg-hover: #e8edf5;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--text-inverse: #ffffff;--border: #e2e8f0;--border-strong: #cbd5e1;--accent: #005c93;--accent-hover: #00446b;--accent-soft: #dbeafe;--accent-contrast: #ffffff;--success: #16a34a;--success-soft: #dcfce7;--success-strong: #15803d;--danger: #dc2626;--danger-soft: #fee2e2;--danger-strong: #b91c1c;--warning: #d97706;--warning-soft: #fef3c7;--info: #0284c7;--info-soft: #e0f2fe;--overlay: rgba(15, 23, 42, .55);--shadow-color: rgba(15, 23, 42, .08);--shadow-color-strong: rgba(15, 23, 42, .18);--elev-1: 0 1px 2px var(--shadow-color);--elev-2: 0 2px 8px var(--shadow-color);--elev-3: 0 8px 24px var(--shadow-color);--elev-4: 0 16px 40px var(--shadow-color-strong)}:root[data-theme=dark]{color-scheme:dark;--bg-page: #030712;--bg-card: #111827;--bg-elevated: #1f2937;--bg-input: #1f2937;--bg-muted: #1f2937;--bg-hover: #374151;--text-primary: #e5e7eb;--text-secondary: #d1d5db;--text-muted: #9ca3af;--text-inverse: #0f172a;--border: #374151;--border-strong: #4b5563;--accent: #60a5fa;--accent-hover: #93c5fd;--accent-soft: rgba(96, 165, 250, .18);--accent-contrast: #0f172a;--success: #4ade80;--success-soft: rgba(34, 197, 94, .18);--success-strong: #22c55e;--danger: #f87171;--danger-soft: rgba(239, 68, 68, .18);--danger-strong: #ef4444;--warning: #fbbf24;--warning-soft: rgba(245, 158, 11, .18);--info: #38bdf8;--info-soft: rgba(56, 189, 248, .18);--overlay: rgba(0, 0, 0, .7);--shadow-color: rgba(0, 0, 0, .4);--shadow-color-strong: rgba(0, 0, 0, .6)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--text-primary);background-color:var(--bg-page);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:var(--bg-page);color:var(--text-primary);transition:background-color .25s ease,color .25s ease;overflow-x:clip}*{box-sizing:border-box}a{text-decoration:none;color:inherit}button{border:none;background:none;cursor:pointer;font-family:inherit;padding:0}.container{max-width:1280px;margin:0 auto;padding:0 1rem}@media(min-width:480px){.container{padding:0 1.5rem}}@media(min-width:1024px){.container{padding:0 2rem}}.grid{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:768px){.grid--2{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.grid--3{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid--3{grid-template-columns:repeat(3,1fr)}}@media(min-width:480px){.grid--4{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid--4{grid-template-columns:repeat(4,1fr)}}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-col{flex-direction:column}.hidden{display:none}@media(min-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}}.text-white{color:#fff}.text-gray-300{color:var(--text-secondary)}.text-gray-400{color:var(--text-muted)}.text-primary{color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:.5rem;font-family:inherit;font-weight:600;font-size:1rem;line-height:1.2;border:1px solid transparent;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:all .2s ease-in-out}.btn:active:not(:disabled){transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background-color:var(--accent);color:var(--accent-contrast);box-shadow:var(--elev-1)}.btn--primary:hover:not(:disabled){background-color:var(--accent-hover)}.btn--secondary{background-color:var(--bg-muted);color:var(--text-primary);border-color:var(--border)}.btn--secondary:hover:not(:disabled){background-color:var(--bg-hover)}.btn--outline{background-color:transparent;border-color:var(--accent);color:var(--accent)}.btn--outline:hover:not(:disabled){background-color:var(--accent-soft)}.btn--ghost{background-color:transparent;color:var(--text-secondary)}.btn--ghost:hover:not(:disabled){background-color:var(--bg-hover);color:var(--text-primary)}.btn--danger{background-color:var(--danger);color:var(--accent-contrast);box-shadow:var(--elev-1)}.btn--danger:hover:not(:disabled){background-color:var(--danger-strong)}.btn--sm{padding:.5rem .75rem;font-size:.875rem;border-radius:.375rem}.btn--md{padding:.75rem 1.25rem;font-size:1rem}.btn--lg{padding:1rem 1.75rem;font-size:1.125rem}.btn--block{width:100%}.btn--icon-only{padding:.75rem;aspect-ratio:1}.btn--icon-only.btn--sm{padding:.5rem}.btn--icon-only.btn--lg{padding:1rem}.btn__spinner{width:1em;height:1em;border:2px solid currentcolor;border-right-color:transparent;border-radius:9999px;flex-shrink:0;animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.profile-menu{position:relative}.profile-menu__trigger{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem .25rem .25rem;border-radius:9999px;background:transparent;border:none;cursor:pointer;transition:all .2s ease;color:var(--text-secondary)}.profile-menu__trigger:hover{background:var(--bg-hover);color:var(--text-primary)}.profile-menu__trigger--active{background:var(--accent-soft);color:var(--text-primary)}.profile-menu__avatar{width:28px;height:28px;border-radius:9999px;border:2px solid var(--accent);flex-shrink:0;display:flex;align-items:center;justify-content:center;background-color:var(--accent-soft);color:var(--accent)}.profile-menu__avatar--lg{width:40px;height:40px}.profile-menu__name{font-size:.8125rem;font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1023.98px){.profile-menu__name{display:none}}.profile-menu__chevron{transition:transform .2s ease;color:var(--text-muted)}.profile-menu__chevron--open{transform:rotate(180deg)}@media(max-width:1023.98px){.profile-menu__chevron{display:none}}.profile-menu__panel{position:absolute;right:0;top:calc(100% + .5rem);width:280px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:.75rem;box-shadow:var(--elev-4);z-index:100;overflow:hidden;animation:profileMenuFadeIn .15s ease}[dir=rtl] .profile-menu__panel{right:auto;left:0}.profile-menu__header{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-muted);border-bottom:1px solid var(--border)}.profile-menu__header-info{display:flex;flex-direction:column;gap:.125rem;min-width:0}.profile-menu__header-name{font-weight:600;color:var(--text-primary);font-size:.9375rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu__header-email{font-size:.75rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu__section{padding:.375rem;display:flex;flex-direction:column;gap:.125rem}.profile-menu__item{display:flex;align-items:center;gap:.625rem;width:100%;padding:.5rem .625rem;background:transparent;border:none;border-radius:.375rem;font-size:.875rem;color:var(--text-primary);cursor:pointer;transition:background .15s ease;text-align:start}.profile-menu__item svg{color:var(--text-muted);flex-shrink:0}.profile-menu__item:hover{background:var(--bg-hover)}.profile-menu__item:hover svg{color:var(--accent)}.profile-menu__item--danger{color:var(--danger)}.profile-menu__item--danger svg{color:var(--danger)}.profile-menu__item--danger:hover{background:var(--danger-soft);color:var(--danger)}.profile-menu__item--danger:hover svg{color:var(--danger)}.profile-menu__divider{height:1px;background:var(--border);margin:0}.profile-menu__row{display:flex;align-items:center;justify-content:space-between;padding:.5rem .625rem;gap:.75rem}.profile-menu__row-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-secondary);font-weight:500}.profile-menu__row-label svg{color:var(--text-muted)}.profile-menu__toggle{display:inline-flex;align-items:center;padding:.125rem;border:1px solid var(--border);border-radius:9999px;background:var(--bg-card)}.profile-menu__toggle-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:transparent;border:none;border-radius:9999px;color:var(--text-muted);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s ease}.profile-menu__toggle-btn--active{background:var(--accent);color:var(--accent-contrast)}.profile-menu__toggle-btn--active svg{color:var(--accent-contrast)}.profile-menu__langs{display:inline-flex;gap:.25rem}.profile-menu__lang{padding:.25rem .5rem;background:transparent;border:1px solid var(--border);border-radius:.375rem;color:var(--text-muted);font-size:.6875rem;font-weight:600;cursor:pointer;transition:all .15s ease}.profile-menu__lang:hover{color:var(--text-primary);border-color:var(--border-strong)}.profile-menu__lang--active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}@keyframes profileMenuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.navbar{position:sticky;top:0;z-index:200;background-color:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.navbar__container{max-width:1280px;margin:0 auto;padding:0 1rem}@media(min-width:480px){.navbar__container{padding:0 1.5rem}}.navbar__content{display:flex;align-items:center;justify-content:space-between;height:3.5rem}@media(min-width:768px){.navbar__content{height:4rem}}.navbar__logo{display:flex;align-items:center;cursor:pointer;flex-shrink:0}.navbar__logo-img{height:auto;width:130px}@media(min-width:768px){.navbar__logo-img{width:160px}}.navbar__desktop-nav{display:none;align-items:center;gap:1rem}@media(min-width:768px){.navbar__desktop-nav{display:flex}}@media(min-width:1024px){.navbar__desktop-nav{gap:1.5rem}}.navbar__desktop-nav .navbar__link{white-space:nowrap}.navbar__link{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-weight:500;font-size:.875rem;transition:all .2s ease-in-out;padding:.5rem 0;border-bottom:2px solid transparent}.navbar__link:hover{color:var(--text-primary)}.navbar__link--active{color:var(--text-primary);border-bottom-color:var(--accent)}.navbar__link--special{color:var(--accent-contrast);background:var(--accent);padding:.5rem .75rem;border-radius:.5rem;font-weight:600;border:none}.navbar__link--special svg{color:#fbbf24}.navbar__link--special:hover{color:var(--accent-contrast);background:var(--accent-hover)}.navbar__live-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);flex-shrink:0;box-shadow:0 0 #ef44448c;animation:navbar-live-pulse 1.6s ease-out infinite}.navbar__actions{display:none;align-items:center;gap:.75rem}@media(min-width:768px){.navbar__actions{display:flex}}.navbar__lang-dropdown{position:relative}.navbar__lang-dropdown--mobile-bar .navbar__lang-menu{right:0;left:auto}.navbar__lang-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--text-muted);border-radius:.5rem;transition:all .2s ease-in-out;background:transparent;border:0;cursor:pointer}.navbar__lang-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.navbar__lang-menu{position:absolute;right:0;top:calc(100% + .5rem);width:5rem;background-color:var(--bg-elevated);border:1px solid var(--border);border-radius:.5rem;box-shadow:var(--elev-3);overflow:hidden;z-index:100}.navbar__lang-menu button{display:block;width:100%;text-align:center;padding:.5rem;font-size:.875rem;font-weight:500;color:var(--text-muted);transition:all .2s ease-in-out;background:transparent;border:0;cursor:pointer}.navbar__lang-menu button:hover{background-color:var(--bg-hover);color:var(--text-primary)}.navbar__lang-menu button.active{color:var(--accent);background:var(--accent-soft)}.navbar__token-display{display:flex;align-items:center;gap:.5rem;background:var(--accent-soft);border:1px solid var(--border);padding:.25rem .5rem;border-radius:9999px;cursor:pointer;transition:all .2s ease-in-out}.navbar__token-display:hover{border-color:var(--accent)}.navbar__token-display .token-icon{color:#fbbf24}.navbar__token-display .token-balance{font-weight:600;font-size:.875rem;color:var(--text-primary)}.navbar__token-display .token-add-btn{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--accent);border-radius:9999px;color:var(--accent-contrast);transition:all .2s ease-in-out}.navbar__token-display .token-add-btn:hover{background:var(--accent-hover)}.navbar__auth-section{display:flex;align-items:center;gap:.75rem}.navbar__auth-buttons{display:flex;align-items:center;gap:.5rem}.navbar__user{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem .25rem .25rem;border-radius:9999px;transition:all .2s ease-in-out}.navbar__user:hover{background:var(--bg-hover)}.navbar__user--active{background:var(--accent-soft)}.navbar__user img{width:28px;height:28px;border-radius:9999px;border:2px solid var(--accent)}.navbar__username{font-size:.875rem;font-weight:500;color:var(--text-secondary);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1023.98px){.navbar__username{display:none}}.navbar__upload-cta{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:none;border-radius:9999px;background:var(--accent);color:var(--accent-contrast);font-weight:600;font-size:.875rem;cursor:pointer;box-shadow:var(--elev-1);transition:all .2s ease-in-out}.navbar__upload-cta:hover{background:var(--accent-hover);box-shadow:var(--elev-2)}.navbar__upload-cta:active{transform:translateY(1px)}@media(max-width:1023.98px){.navbar__upload-cta{padding:.5rem}}@media(max-width:1023.98px){.navbar__upload-cta-label{display:none}}.navbar__mobile-btn{display:flex;align-items:center;gap:.75rem}@media(min-width:768px){.navbar__mobile-btn{display:none}}.navbar__mobile-btn .navbar__token-display{padding:.25rem .5rem}.navbar__mobile-btn .navbar__token-display .token-balance{font-size:.75rem}.navbar__hamburger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--text-secondary)}.navbar__hamburger:hover{color:var(--text-primary)}.navbar__mobile-overlay{position:fixed;inset:0;top:3.5rem;background:var(--overlay);z-index:1}@media(min-width:768px){.navbar__mobile-overlay{display:none}}.navbar__mobile-menu{position:fixed;top:3.5rem;right:-100%;width:100%;max-width:320px;height:calc(100vh - 3.5rem);height:calc(100dvh - 3.5rem);padding-bottom:env(safe-area-inset-bottom);background:var(--bg-card);border-left:1px solid var(--border);z-index:100;transition:right .3s ease;overflow-y:auto}.navbar__mobile-menu--open{right:0}@media(min-width:768px){.navbar__mobile-menu{display:none}}.navbar__mobile-content{padding:1rem;display:flex;flex-direction:column;min-height:100%}.navbar__mobile-user{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--accent-soft);border-radius:.75rem;margin-bottom:1rem;cursor:pointer}.navbar__mobile-user-avatar{width:44px;height:44px;border-radius:9999px;border:2px solid var(--accent);display:flex;align-items:center;justify-content:center;background-color:var(--bg-card);color:var(--accent);flex-shrink:0}.navbar__mobile-user-info{display:flex;flex-direction:column;gap:.125rem;overflow:hidden}.navbar__mobile-user-info .name{font-weight:600;color:var(--text-primary);font-size:.875rem}.navbar__mobile-user-info .email{font-size:.75rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar__mobile-links{display:flex;flex-direction:column;gap:.25rem}.navbar__mobile-links .navbar__link{justify-content:flex-start;width:100%;padding:.75rem 1rem;border-radius:.5rem;border:none;font-size:1rem}.navbar__mobile-links .navbar__link:hover{background:var(--bg-hover)}.navbar__mobile-links .navbar__link--active{background:var(--accent-soft);color:var(--accent)}.navbar__mobile-links .navbar__link--special{margin-bottom:.5rem}.navbar__mobile-divider{height:1px;background:var(--border);margin:.5rem 0}.navbar__mobile-theme{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:.5rem;background:var(--bg-muted)}.navbar__mobile-theme-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary);font-weight:500}.navbar__mobile-theme-toggle{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:9999px}.navbar__mobile-theme-toggle button{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem .75rem;border-radius:9999px;font-size:.75rem;color:var(--text-muted);font-weight:500;transition:all .2s ease-in-out}.navbar__mobile-theme-toggle button.active{background:var(--accent);color:var(--accent-contrast)}.navbar__mobile-lang{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border)}.navbar__mobile-lang-label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-muted);margin-bottom:.75rem}.navbar__mobile-lang-options{display:flex;gap:.5rem}.navbar__mobile-lang-options button{flex:1;padding:.5rem;font-size:.875rem;font-weight:600;color:var(--text-secondary);background:var(--bg-muted);border-radius:.5rem;transition:all .2s ease-in-out}.navbar__mobile-lang-options button:hover{background:var(--bg-hover);color:var(--text-primary)}.navbar__mobile-lang-options button.active{background:var(--accent);color:var(--accent-contrast)}.navbar__mobile-auth{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.navbar__mobile-auth-buttons{display:flex;flex-direction:column;gap:.5rem}@media(max-width:479.98px){.navbar__content{height:3rem}.navbar__logo-img{width:110px}.navbar__mobile-btn{gap:.5rem}.navbar__mobile-btn .navbar__token-display{padding:.125rem .25rem}.navbar__mobile-btn .navbar__token-display .token-balance{font-size:.75rem}.navbar__mobile-btn .navbar__token-display .token-icon{width:14px;height:14px}.navbar__mobile-btn .navbar__token-display .token-add-btn{width:16px;height:16px}.navbar__hamburger{width:36px;height:36px}.navbar__mobile-overlay{top:3rem}.navbar__mobile-menu{top:3rem;height:calc(100vh - 3rem);max-width:280px}.navbar__mobile-content,.navbar__mobile-user{padding:.75rem}.navbar__mobile-user img{width:40px;height:40px}.navbar__mobile-user-info .name{font-size:.875rem}.navbar__mobile-user-info .email{font-size:.75rem}.navbar__mobile-links .navbar__link{padding:.75rem;font-size:.875rem}.navbar__mobile-lang-options button{padding:.5rem;font-size:.75rem}}@keyframes navbar-live-pulse{0%{box-shadow:0 0 #ef44448c}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}@media(prefers-reduced-motion:reduce){.navbar__live-dot{animation:none}}.footer{background:var(--bg-page);border-top:1px solid var(--border);padding:2rem 0 1.5rem;margin-top:auto}.footer__container{max-width:80rem;margin:0 auto;padding:0 1rem}@media(min-width:480px){.footer__container{padding:0 1.5rem}}.footer__content{display:flex;flex-direction:column;gap:2rem}@media(min-width:480px){.footer__content{flex-direction:row;justify-content:space-between;align-items:flex-start}}.footer__brand{max-width:280px}.footer__brand-head{display:flex;align-items:center;gap:8px;margin-bottom:.75rem}.footer__icon{height:34px;width:auto;flex-shrink:0}.footer__logo{height:auto;width:140px}.footer__tagline{font-size:.8125rem;color:var(--text-muted);line-height:1.5}.footer__age{display:flex;align-items:center;gap:8px;margin-top:.85rem;font-size:.75rem;color:var(--text-secondary);line-height:1.4}.footer__age-badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:9999px;background:var(--danger-soft, rgba(239, 68, 68, .12));color:var(--danger, #ef4444);font-size:.7rem;font-weight:700}.footer__links{display:flex;gap:3rem}@media(max-width:479.98px){.footer__links{gap:2rem}}.footer__link-group{display:flex;flex-direction:column;gap:.75rem}.footer__link-group h4{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.footer__link-group a{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-muted);transition:color .2s}.footer__link-group a:hover{color:var(--accent)}.footer__link-group a svg{flex-shrink:0;opacity:.7}.footer__lang{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem 0 0;margin-top:1rem;border-top:1px solid var(--border)}@media(min-width:480px){.footer__lang{flex-direction:row;justify-content:center;flex-wrap:wrap}}.footer__lang-label{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.footer__lang-options{display:inline-flex;align-items:center;gap:.375rem;flex-wrap:wrap;justify-content:center}.footer__lang-btn{min-width:2.5rem;padding:.375rem .625rem;font-size:.75rem;font-weight:600;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);border-radius:.375rem;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.footer__lang-btn:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--bg-hover)}.footer__lang-btn--active{color:var(--accent-contrast);background:var(--accent);border-color:var(--accent)}.footer__bottom{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border);text-align:center}.footer__bottom p{font-size:.75rem;color:var(--text-muted)}@media(max-width:375px){.footer{padding:1.5rem 0 1rem}.footer__container{padding:0 .75rem}.footer__content{gap:1.5rem}.footer__brand{max-width:100%}.footer__logo{width:120px}.footer__tagline{font-size:.75rem}.footer__links{width:100%;justify-content:space-between}.footer__link-group{gap:.5rem}.footer__link-group h4{font-size:.6875rem}.footer__link-group a{font-size:.8125rem}.footer__bottom{margin-top:1.5rem;padding-top:1rem}.footer__bottom p{font-size:.6875rem}}.auth-form .btn{width:100%}.auth-form .google-icon{margin-right:.5rem}.auth-form__title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem}.auth-form__notice{background-color:var(--accent-soft);border:1px solid var(--accent);color:var(--accent-hover);padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;margin-bottom:1rem;text-align:center}.auth-form__form{display:flex;flex-direction:column;gap:1rem}.auth-form__error{background-color:var(--danger-soft);border:1px solid var(--danger);color:var(--danger-strong);padding:.75rem;border-radius:.5rem;font-size:.875rem}.auth-form__field label{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:.25rem}.auth-form__field input{width:100%;background-color:var(--bg-input);border:1px solid var(--border);border-radius:.5rem;padding:.75rem;color:var(--text-primary);outline:none;transition:border-color .2s,box-shadow .2s}.auth-form__field input::placeholder{color:var(--text-muted)}.auth-form__field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.auth-form__hint{display:block;margin-top:.35rem;font-size:.75rem;color:var(--text-muted)}.auth-form__hint--error{color:var(--danger, #ef4444)}.auth-form__terms{display:flex;align-items:flex-start;gap:.5rem;margin-top:.25rem;font-size:.8125rem;line-height:1.4;color:var(--text-secondary);cursor:pointer}.auth-form__terms input[type=checkbox]{width:1rem;height:1rem;margin-top:.15rem;flex-shrink:0;accent-color:var(--accent);cursor:pointer}.auth-form__terms a{color:var(--accent);font-weight:500;text-decoration:underline}.auth-form__terms a:hover{color:var(--accent-hover)}.auth-form__terms--optional{margin-top:-.25rem;font-size:.75rem;color:var(--text-muted)}.auth-form__divider{display:flex;align-items:center;margin:1.5rem 0 1rem;color:var(--text-muted);font-size:.875rem}.auth-form__divider:before,.auth-form__divider:after{content:"";flex:1;height:1px;background-color:var(--border)}.auth-form__divider span{padding:0 1rem}.auth-form__footer{margin-top:1.5rem;text-align:center;font-size:.875rem;color:var(--text-secondary);display:flex;flex-direction:column;gap:.5rem}.auth-form__footer span,.auth-form__footer .link{color:var(--accent);cursor:pointer}.auth-form__footer span:hover,.auth-form__footer .link:hover{text-decoration:underline}.auth-form__footer .link:hover{color:var(--accent-hover)}.auth-modal{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;background-color:var(--overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem}.auth-modal__content{background-color:var(--bg-card);border:1px solid var(--border);padding:2rem;border-radius:1rem;width:100%;max-width:28rem;position:relative;box-shadow:var(--elev-4);max-height:calc(100dvh - 2rem);overflow-y:auto;overscroll-behavior:contain}.auth-modal__close{position:absolute;top:1rem;right:1rem;color:var(--text-muted);background:transparent;border:0;padding:.25rem;cursor:pointer;transition:color .2s;z-index:1}.auth-modal__close:hover{color:var(--text-primary)}@media(max-width:479.98px){.auth-modal{align-items:flex-end;padding:0}.auth-modal__content{max-width:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:0;padding-bottom:calc(2rem + env(safe-area-inset-bottom,0px));max-height:92dvh}}.gen-progress{width:100%;max-width:360px;margin:0 auto}.gen-progress__bar{height:6px;border-radius:9999px;background:var(--bg-muted);overflow:hidden;margin-bottom:1.25rem}.gen-progress__fill{height:100%;border-radius:9999px;background:var(--accent);transition:width .5s ease}.gen-progress__steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem;text-align:left}.gen-progress__step{display:flex;align-items:center;gap:.6rem;font-size:.875rem;transition:color .3s ease,opacity .3s ease}.gen-progress__step--pending{color:var(--text-muted);opacity:.55}.gen-progress__step--active{color:var(--text-primary);font-weight:500}.gen-progress__step--done{color:var(--text-secondary)}.gen-progress__marker{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;border-radius:50%}.gen-progress__step--done .gen-progress__marker{background:var(--success-soft);color:var(--success-strong)}.gen-progress__dot{width:6px;height:6px;border-radius:50%;background:var(--border-strong)}.gen-progress__spin{width:14px;height:14px;border-radius:50%;border:2px solid var(--accent-soft);border-top-color:var(--accent);animation:gen-progress-spin .7s linear infinite}@keyframes gen-progress-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.gen-progress__spin{animation:none}.gen-progress__fill{transition:none}}.global-loader{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center}.global-loader__backdrop{position:absolute;inset:0;background:#030712d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease-out}.global-loader__content{position:relative;display:flex;flex-direction:column;align-items:center;gap:2rem;padding:3rem;animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1)}.global-loader__spinner{position:relative;width:80px;height:80px}.global-loader__text{display:flex;flex-direction:column;align-items:center;gap:.75rem}.global-loader__message{font-size:1.25rem;font-weight:600;color:#fff;text-align:center;letter-spacing:.025em}.global-loader__dots{display:flex;gap:.5rem}.global-loader__dots span{width:8px;height:8px;background-color:#60a5fa;border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.global-loader__dots span:nth-child(1){animation-delay:-.32s}.global-loader__dots span:nth-child(2){animation-delay:-.16s}.global-loader__dots span:nth-child(3){animation-delay:0s}.spinner-ring{display:inline-block;position:relative;width:80px;height:80px}.spinner-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:4px solid transparent;border-radius:50%;border-top-color:#60a5fa;animation:spinnerRing 1.2s cubic-bezier(.5,0,.5,1) infinite}.spinner-ring div:nth-child(1){animation-delay:-.45s;border-top-color:#60a5fa}.spinner-ring div:nth-child(2){animation-delay:-.3s;border-top-color:#60a5facc}.spinner-ring div:nth-child(3){animation-delay:-.15s;border-top-color:#60a5fa99}.spinner-ring div:nth-child(4){border-top-color:#60a5fa66}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes spinnerRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.toast{position:fixed;top:5rem;left:50%;transform:translate(-50%);z-index:500;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:.5rem;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border);border-left-width:3px;box-shadow:var(--elev-4);max-width:calc(100% - 2rem);min-width:280px;animation:toast-in .25s ease}.toast__icon{flex-shrink:0}.toast__message{flex:1;font-size:.875rem;font-weight:500;line-height:1.5}.toast__close{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:.375rem;color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:all .2s ease-in-out}.toast__close:hover{background:var(--bg-hover);color:var(--text-primary)}.toast--success{border-left-color:var(--success)}.toast--success .toast__icon{color:var(--success)}.toast--error{border-left-color:var(--danger)}.toast--error .toast__icon{color:var(--danger)}.toast--info{border-left-color:var(--info)}.toast--info .toast__icon{color:var(--info)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@keyframes toast-in-mobile{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:479.98px){.toast{left:1rem;right:1rem;transform:none;min-width:0;max-width:none;animation:toast-in-mobile .25s ease}}.metric-stripe{display:none;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.5rem;width:100%}.metric-stripe__item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--elev-1);min-width:0}.metric-stripe__item--positive .metric-stripe__icon,.metric-stripe__item--positive .metric-stripe__value{color:var(--success)}.metric-stripe__item--neutral .metric-stripe__icon{color:var(--text-muted)}.metric-stripe__item--default .metric-stripe__icon{color:var(--accent)}.metric-stripe__icon{flex-shrink:0}.metric-stripe__body{display:flex;flex-direction:column;gap:2px;min-width:0}.metric-stripe__value{font-size:1.25rem;font-weight:700;line-height:1.2;color:var(--text-primary);font-variant-numeric:tabular-nums}.metric-stripe__label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trending-card{background-color:var(--bg-card);box-shadow:var(--elev-1);padding:1rem;display:flex;flex-direction:column;gap:.75rem;text-align:start;cursor:pointer;border:1px solid var(--border);border-radius:.75rem;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;position:relative;overflow:hidden;background:var(--bg-card)}.trending-card:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:3px;background:var(--accent)}.trending-card:hover{transform:translateY(-2px);box-shadow:var(--elev-2);border-color:var(--accent)}.trending-card__top{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.trending-card__league{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.trending-card__league svg{flex-shrink:0}.trending-card__pct{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--accent);color:var(--accent-contrast);font-size:.75rem;font-weight:700;border-radius:.375rem;white-space:nowrap}.trending-card__teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.trending-card__team{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trending-card__team--home{text-align:start}.trending-card__team--away{text-align:end}.trending-card__vs{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.trending-card__kickoff{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-secondary)}.trending-card__kickoff svg{flex-shrink:0}.trending-card__odds{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.5rem .75rem;background:var(--bg-muted);border-radius:.375rem;border:1px solid var(--border)}.trending-card__odd{display:flex;flex-direction:column;align-items:center;gap:2px}.trending-card__odd-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.trending-card__odd-value{font-size:.875rem;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.trending-card__cta{display:inline-flex;align-items:center;gap:4px;margin-top:auto;align-self:flex-start;font-size:.75rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.04em}.live-ticker{position:relative;width:100%;background:var(--bg-card);border-block:1px solid var(--border);box-shadow:var(--elev-1);overflow:hidden}.live-ticker__head{position:absolute;inset-block-start:50%;transform:translateY(-50%);inset-inline-start:0;display:flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background:var(--accent);color:var(--accent-contrast);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;z-index:2;border-end-end-radius:.375rem;border-start-end-radius:.375rem;white-space:nowrap}.live-ticker__head svg{flex-shrink:0}.live-ticker__viewport{overflow:hidden;padding-inline-start:110px;padding-block:.5rem}.live-ticker__track{display:inline-flex;align-items:center;gap:.75rem;white-space:nowrap;animation:ticker-scroll 60s linear infinite;will-change:transform}.live-ticker__track:hover{animation-play-state:paused}.live-ticker__item{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background:transparent;border:1px solid transparent;border-radius:.375rem;font-size:.875rem;color:var(--text-primary);cursor:pointer;transition:background .15s ease,border-color .15s ease;white-space:nowrap}.live-ticker__item:hover{background:var(--accent-soft);border-color:var(--accent)}.live-ticker__pct{display:inline-block;min-width:3.2rem;padding:2px 6px;background:var(--accent);color:var(--accent-contrast);font-size:.75rem;font-weight:700;border-radius:.125rem;text-align:center}.live-ticker__teams{font-weight:600}.live-ticker__dash{color:var(--text-muted);margin-inline:4px}.live-ticker__odds{display:inline-flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums;font-size:.75rem;color:var(--text-secondary)}.live-ticker__odd{color:var(--accent);font-weight:600}.live-ticker__odd-sep{color:var(--text-muted);opacity:.5}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}[dir=rtl] .live-ticker__track{animation-name:ticker-scroll-rtl}@keyframes ticker-scroll-rtl{0%{transform:translate(0)}to{transform:translate(50%)}}@media(prefers-reduced-motion:reduce){.live-ticker__track{animation:none}}.hero-pick{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:380px;padding:1rem 1.25rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;text-align:start;cursor:pointer;color:#fff;transition:transform .15s ease,background .15s ease,border-color .15s ease}.hero-pick:hover{transform:translateY(-2px);background:#ffffff1f;border-color:#ffffff47}.hero-pick:focus-visible{outline:2px solid #fff;outline-offset:2px}.hero-pick__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.hero-pick__pulse{display:inline-flex;align-items:center;gap:6px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:#ffffffd9}.hero-pick__pulse .dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 #22c55eb3;animation:hero-pick-pulse 2s infinite}@keyframes hero-pick-pulse{0%{box-shadow:0 0 #22c55eb3}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}.hero-pick__league{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#ffffffb3;text-transform:uppercase;letter-spacing:.04em}.hero-pick__teams{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:700;line-height:1.2;color:#fff;flex-wrap:wrap}.hero-pick__teams .vs{color:#ffffff80;font-size:.75rem;font-weight:500;text-transform:uppercase}.hero-pick__time{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px 6px;font-size:.75rem;color:#fff9}.hero-pick__countdown{padding:1px 8px;border-radius:999px;font-size:10px;font-weight:600;letter-spacing:.01em;background:#ffffff29;color:#fff;white-space:nowrap}.hero-pick__pick{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.5rem .75rem;background:#00000038;border:1px solid rgba(255,255,255,.1);border-radius:8px}.hero-pick__pick-label{font-size:10px;color:#ffffff8c;text-transform:uppercase;letter-spacing:.05em;width:100%}.hero-pick__pick-value{display:inline-flex;align-items:center;gap:4px;font-size:.875rem;color:#ffffffd9;font-weight:500}.hero-pick__pick-value .sep{color:#fff6;margin:0 2px}.hero-pick__pick-value strong{color:var(--accent);font-weight:700}.hero-pick__pick-odds{font-variant-numeric:tabular-nums;font-size:1rem;font-weight:700;color:#fff;margin-inline-start:auto}.hero-pick__cta{display:inline-flex;align-items:center;justify-content:center;gap:4px;font-size:.875rem;font-weight:600;color:#fff;padding-top:.5rem;border-top:1px dashed rgba(255,255,255,.2)}.skeleton{position:relative;overflow:hidden;background:var(--bg-muted);isolation:isolate}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:skeleton-shimmer 1.4s ease-in-out infinite;transform:translate(-100%)}:root[data-theme=dark] .skeleton:after{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 50%,transparent 100%)}@media(prefers-reduced-motion:reduce){.skeleton:after{animation:none;opacity:.5;transform:translate(0)}}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.home-page{flex:1}.home-page__hero{position:relative;display:flex;align-items:center;overflow:hidden;min-height:78vh;background:radial-gradient(120% 85% at 12% 0%,rgba(61,132,224,.3) 0%,transparent 55%),radial-gradient(110% 80% at 100% 100%,rgba(61,132,224,.16) 0%,transparent 50%),linear-gradient(160deg,#0a1120,#0e1c31 55%,#0a1120)}@media(max-width:767.98px){.home-page__hero{min-height:auto}}.home-page__hero-bg{position:absolute;inset:0;background-image:url(/assets/hero-wide-BzAO4K4_.jpg);background-size:cover;background-position:center;filter:brightness(1.05) saturate(1.1);display:none}@media(min-width:768px){.home-page__hero-bg{display:block}}:root[data-theme=dark] .home-page__hero-bg{filter:brightness(.7)}.home-page__hero-overlay{position:absolute;inset:0;display:none;background:linear-gradient(135deg,#030712d1,#03071273,#030712e0)}@media(min-width:768px){.home-page__hero-overlay{display:block}}.home-page__hero-content{position:relative;width:100%;max-width:1280px;margin:0 auto;padding:3rem 1rem 2.5rem}@media(min-width:768px){.home-page__hero-content{padding:5rem 2rem}}.home-page__hero .hero-grid{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center}@media(min-width:768px){.home-page__hero .hero-grid{grid-template-columns:1.4fr 1fr;gap:2.5rem}}@media(min-width:1024px){.home-page__hero .hero-grid{gap:3rem}}.home-page__hero .hero-inner{min-width:0}.home-page__hero .badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:9999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);color:#fff;font-size:.875rem;font-weight:500;margin-bottom:1.25rem}.home-page__hero .badge svg{color:#60a5fa}.home-page__hero h1{font-size:clamp(1.875rem,5.5vw,3rem);font-weight:700;color:#fff;line-height:1.2;letter-spacing:-.02em;margin:0 0 .75rem}.home-page__hero .subtitle{font-size:clamp(1rem,2vw,1.125rem);font-weight:500;color:#ffffffd9;line-height:1.7;margin:0 0 1.5rem;max-width:560px}.home-page__hero .actions{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}@media(min-width:480px){.home-page__hero .actions{flex-direction:row}}.home-page__hero .hero-side{display:flex;justify-content:center}@media(min-width:768px){.home-page__hero .hero-side{justify-content:flex-end}}.home-page__hero .hero-side__skeleton{width:100%;max-width:380px;height:280px;background:linear-gradient(110deg,#ffffff0f,#ffffff1f,#ffffff0f);background-size:200% 100%;border:1px solid rgba(255,255,255,.1);border-radius:14px;animation:hero-side-shimmer 1.6s ease-in-out infinite}.home-page__hero .hero-side__empty{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1.25rem;width:100%;max-width:380px;background:#ffffff0d;border:1px dashed rgba(255,255,255,.2);border-radius:14px;color:#ffffffd9}.home-page__hero .hero-side__empty svg{color:#60a5fa}.home-page__hero .hero-side__empty-title{margin:0;font-size:1rem;font-weight:600;color:#fff}.home-page__hero .hero-side__empty-desc{margin:0;font-size:.875rem;color:#ffffffb3}@keyframes hero-side-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.home-page .section-header{text-align:center;margin-bottom:2.5rem}.home-page .section-header h2{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin:0 0 .75rem}.home-page .section-header p{font-size:1rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.home-page__opportunities{padding:3rem 1rem 2rem;background:var(--bg-muted);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.home-page__opportunities-container{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.home-page__opportunities-container .section-header h2{display:inline-flex;align-items:center;gap:.5rem}.home-page__opportunities-container .section-header h2 .opp-section-icon{color:var(--accent)}.home-page__opportunities-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.home-page__opportunities-grid{grid-template-columns:repeat(3,1fr)}}.home-page__opportunities-loading{text-align:center;color:var(--text-muted);font-size:.875rem;padding:2rem 0}.home-page__opportunities-skeleton{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--elev-1)}.home-page__opportunities-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem 1rem;background:var(--bg-card);border:1px dashed var(--border);border-radius:12px;text-align:center}.home-page__opportunities-empty .empty-icon{color:var(--accent);opacity:.65}.home-page__opportunities-empty h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.home-page__opportunities-empty p{margin:0;font-size:.875rem;color:var(--text-secondary);max-width:480px}.home-page__products{padding:4rem 1rem;background:var(--bg-page)}.home-page__products-container{max-width:1280px;margin:0 auto}.home-page .products-showcase{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-top:2rem}@media(min-width:768px){.home-page .products-showcase{grid-template-columns:.9fr 1.1fr;gap:1.5rem;align-items:start}}.home-page .products-showcase__list{display:flex;flex-direction:column;gap:.75rem}.home-page .products-showcase__item{display:flex;align-items:flex-start;gap:.75rem;width:100%;text-align:start;padding:1rem;border-radius:.75rem;border:1px solid var(--border);background:var(--bg-card);cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.home-page .products-showcase__item:hover{border-color:var(--border-strong)}.home-page .products-showcase__item.is-active{border-color:var(--accent);box-shadow:var(--elev-2)}.home-page .products-showcase__item-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:.5rem;background:var(--accent-soft);color:var(--accent)}.home-page .products-showcase__item-text{display:flex;flex-direction:column;gap:.25rem;min-width:0}.home-page .products-showcase__item-title{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.home-page .products-showcase__item-desc{font-size:.875rem;color:var(--text-secondary);line-height:1.7}.home-page .products-showcase__detail{position:relative;padding:2rem 1.5rem;border-radius:1rem;border:1px solid var(--border);background:radial-gradient(120% 90% at 100% 0%,rgba(61,132,224,.16) 0%,transparent 55%),var(--bg-card);box-shadow:var(--elev-1)}@media(min-width:768px){.home-page .products-showcase__detail{position:sticky;top:2rem}}.home-page .products-showcase__detail-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:.75rem;background:var(--accent-soft);color:var(--accent);margin-bottom:1rem}.home-page .products-showcase__detail-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.home-page .products-showcase__detail-desc{font-size:1rem;color:var(--text-secondary);line-height:1.7;margin:0 0 1.25rem}.home-page .products-showcase__detail-bullets{list-style:none;margin:0 0 1.5rem;padding:0;display:grid;gap:.75rem}.home-page .products-showcase__detail-bullets li{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-primary)}.home-page .products-showcase__detail-bullets li svg{flex-shrink:0;color:var(--success-strong)}.home-page .products-showcase__cta{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;border-radius:.5rem;background:var(--accent);color:var(--accent-contrast);font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s ease,transform .15s ease}.home-page .products-showcase__cta:hover{background:var(--accent-hover);transform:translateY(-1px)}.home-page__pricing{padding:4rem 1rem;background:var(--bg-page)}@media(max-width:767.98px){.home-page__pricing{padding:2.5rem 1rem}}.home-page__pricing-container{max-width:1100px;margin:0 auto}.home-page__pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-top:1.5rem}.home-page__pricing-cta{display:flex;justify-content:center;margin-top:1.5rem}.home-page .pricing-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:1.25rem .75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:.75rem;box-shadow:var(--elev-1);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;text-align:center}.home-page .pricing-card:hover{transform:translateY(-2px);box-shadow:var(--elev-2);border-color:var(--accent)}.home-page .pricing-card--featured{border-color:var(--accent);box-shadow:var(--elev-2)}.home-page .pricing-card__tag,.home-page .pricing-card__once{position:absolute;top:-10px;inset-inline-start:50%;transform:translate(-50%);white-space:nowrap;padding:2px 10px;border-radius:9999px;font-size:10px;font-weight:600}.home-page .pricing-card__tag{background:var(--accent);color:var(--accent-contrast)}.home-page .pricing-card__once{top:auto;bottom:-10px;background:var(--bg-muted);border:1px solid var(--border);color:var(--text-secondary)}.home-page .pricing-card__name{margin:0;font-size:.875rem;color:var(--text-secondary);font-weight:600}.home-page .pricing-card__price{font-size:1.5rem;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.home-page .pricing-card__monthly{font-size:.75rem;color:var(--accent);font-weight:500}.home-page__stats{background:var(--bg-muted);padding:4rem 1rem;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.home-page__stats .stats-container{max-width:1280px;margin:0 auto}.home-page__stats .stats-title{text-align:center;font-size:clamp(1.25rem,3vw,1.875rem);font-weight:700;color:var(--text-primary);letter-spacing:-.01em;margin:0 0 2.25rem}.home-page__stats .stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:768px){.home-page__stats .stats-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.home-page__stats .stat-card{text-align:center;padding:1.5rem 1rem;background:var(--bg-card);border-radius:.75rem;border:1px solid var(--border);box-shadow:var(--elev-1);transition:all .2s ease-in-out}.home-page__stats .stat-card:hover{border-color:var(--accent);box-shadow:var(--elev-2)}.home-page__stats .stat-card .stat-icon{color:var(--accent);margin-bottom:.75rem}.home-page__stats .stat-card .stat-value{font-size:clamp(1.875rem,4vw,2.25rem);font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.home-page__stats .stat-card .stat-label{font-size:.875rem;color:var(--text-secondary)}.home-page__features{background-color:var(--bg-page);padding:4rem 1rem}.home-page__features-container{max-width:1280px;margin:0 auto}.home-page__features-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media(min-width:480px){.home-page__features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.home-page__features-grid{grid-template-columns:repeat(4,1fr)}}.home-page__features-card{background:var(--bg-card);padding:1.5rem;border-radius:.75rem;border:1px solid var(--border);box-shadow:var(--elev-1);transition:all .2s ease-in-out}.home-page__features-card:hover{border-color:var(--accent);box-shadow:var(--elev-2)}.home-page__features-card .icon{width:3rem;height:3rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;background:var(--accent-soft);color:var(--accent)}.home-page__features-card h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.home-page__features-card p{font-size:.875rem;color:var(--text-secondary);line-height:1.7;margin:0}.home-page__how-it-works{background:var(--bg-muted);padding:4rem 1rem;border-top:1px solid var(--border)}.home-page__how-it-works .how-container{max-width:1280px;margin:0 auto}.home-page__how-it-works .step-card{text-align:center;position:relative;padding:1.5rem 1.25rem;background:var(--bg-card);border-radius:.75rem;border:1px solid var(--border);box-shadow:var(--elev-1);transition:all .2s ease-in-out}.home-page__how-it-works .step-card:hover{border-color:var(--accent);box-shadow:var(--elev-2)}.home-page__how-it-works .step-card .step-number{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:var(--accent);border-radius:9999px;font-size:1.125rem;font-weight:700;color:var(--accent-contrast);margin-bottom:1rem}.home-page__how-it-works .step-card h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.home-page__how-it-works .step-card p{font-size:.875rem;color:var(--text-secondary);line-height:1.7;margin:0}.home-page__how-it-works .step-card .step-arrow{display:none}.home-page__how-it-works .cta-section{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-top:2.5rem}.home-page__connect-cta,.home-page__install-cta{padding:3rem 1rem;background:var(--bg-page);border-top:1px solid var(--border)}.home-page__connect-cta-container{max-width:1280px;margin:0 auto}.home-page__install-cta .install-cta-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:.75rem;box-shadow:var(--elev-1)}.home-page__install-cta .install-cta-inner>svg{color:var(--accent);flex-shrink:0}.home-page__install-cta .install-cta-inner>div{flex:1;min-width:200px}.home-page__install-cta .install-cta-inner>div h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.home-page__install-cta .install-cta-inner>div p{font-size:.875rem;color:var(--text-secondary);margin:0}.product-card{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem;border-radius:.75rem;border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--elev-1);transition:all .2s ease-in-out}.product-card:hover{border-color:var(--accent);box-shadow:var(--elev-2);transform:translateY(-2px)}.product-card__icon{width:56px;height:56px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--accent-soft);color:var(--accent)}.product-card__content{flex:1}.product-card__content h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.product-card__content p{font-size:.875rem;color:var(--text-secondary);line-height:1.7;margin:0 0 .75rem}.product-card__cost{display:inline-flex;align-items:center;gap:.25rem;font-size:.875rem;color:var(--accent);font-weight:600}.product-card__cta{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;border-radius:.5rem;border:1px solid var(--border);background:var(--bg-muted);color:var(--text-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;margin-top:auto}.product-card__cta:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.steps-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media(min-width:480px){.steps-grid--four{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.steps-grid--four{grid-template-columns:repeat(4,1fr)}}.static-page{max-width:48rem;margin:0 auto;padding:4rem 1rem}.static-page h1{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin-bottom:2rem}.static-page .prose{color:var(--text-secondary);line-height:1.7}.static-page .prose p{margin-bottom:1rem}.contact-form{background-color:var(--bg-card);padding:2.5rem;border-radius:1rem;border:1px solid var(--border);max-width:700px;margin:0 auto}.contact-form form{display:flex;flex-direction:column;gap:1.5rem}.contact-form .grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.contact-form .grid{grid-template-columns:1fr 1fr}}.contact-form .form-group{display:flex;flex-direction:column}.contact-form label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.contact-form input,.contact-form textarea{width:100%;background-color:var(--bg-muted);border:1px solid var(--border);border-radius:.5rem;padding:.875rem 1rem;color:var(--text-primary);outline:none;font-family:inherit;font-size:.9375rem;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--text-muted)}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.contact-form textarea{min-height:120px}.contact-form .recaptcha-wrapper{display:flex;justify-content:center;padding:.5rem 0}.contact-form .error-message{background-color:var(--danger-soft);border:1px solid var(--danger);border-radius:.5rem;padding:.875rem 1rem;color:var(--danger);font-size:.875rem;text-align:center}.contact-form .success-message{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 2rem}.contact-form .success-message>svg{color:var(--success);margin-bottom:1.5rem}.contact-form .success-message h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .75rem}.contact-form .success-message p{color:var(--text-muted);font-size:1rem;margin-bottom:2rem}.contact-form .success-message .success-actions{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:300px}.contact-form .success-message .success-actions button{width:100%}.contact-form button[type=submit]{width:100%;padding:1rem;font-size:1rem;font-weight:600;margin-top:.5rem}.contact-form button[type=submit].loading svg{animation:spin 1s linear infinite}.contact-form button[type=submit]:disabled{opacity:.7;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:767.98px){.contact-form{padding:1.5rem}}.guide-content{display:flex;flex-direction:column;gap:3rem}.guide-content .download-section{display:flex;justify-content:center;margin-bottom:1rem}.guide-content .download-section .download-card{background:var(--accent-soft);border:2px solid var(--accent);border-radius:1rem;padding:3rem 2rem;text-align:center;max-width:500px;width:100%}.guide-content .download-section .download-card .download-icon{color:var(--accent);margin:0 auto 1.5rem}.guide-content .download-section .download-card h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem}.guide-content .download-section .download-card .download-description{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:2rem}.guide-content .download-section .download-card .download-btn{font-size:1.125rem;padding:.875rem 2rem}.guide-content .download-section .download-card .download-login-hint{margin-top:1rem;font-size:.875rem;color:var(--text-secondary)}.guide-content .installation-steps .steps-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 2rem;text-align:center}.guide-content .installation-steps .step{background-color:var(--bg-card);border:1px solid var(--border);border-radius:.75rem;padding:2rem;margin-bottom:1.5rem;transition:all .3s ease}.guide-content .installation-steps .step:hover{border-color:var(--accent);box-shadow:var(--elev-2)}.guide-content .installation-steps .step.highlight{background:var(--accent-soft);border-color:var(--accent)}.guide-content .installation-steps .step .step-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.guide-content .installation-steps .step .step-header .number{flex-shrink:0;width:3rem;height:3rem;border-radius:50%;background-color:var(--accent);display:flex;align-items:center;justify-content:center;color:var(--accent-contrast);font-weight:700;font-size:1.25rem}.guide-content .installation-steps .step .step-header .number.success{background-color:var(--success)}.guide-content .installation-steps .step .step-header h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.guide-content .installation-steps .step .step-content{margin-left:4rem}.guide-content .installation-steps .step .step-content p{color:var(--text-secondary);line-height:1.7;margin-bottom:.75rem}.guide-content .installation-steps .step .step-content p strong{color:var(--text-primary);font-weight:600}.guide-content .installation-steps .step .step-content .code-block{display:block;background-color:var(--bg-muted);border:1px solid var(--border);border-radius:12px;padding:.75rem 1rem;margin:1rem 0;color:var(--accent);font-family:Courier New,monospace;font-size:.9375rem;font-weight:600}.guide-content .installation-steps .step .step-content .info-box,.guide-content .installation-steps .step .step-content .success-box{display:flex;align-items:center;gap:.75rem;background-color:var(--accent-soft);border:1px solid var(--accent);border-radius:16px;padding:1rem;margin-top:1rem;color:var(--accent);font-size:.9375rem;line-height:1.5}.guide-content .installation-steps .step .step-content .info-box svg,.guide-content .installation-steps .step .step-content .success-box svg{flex-shrink:0}.guide-content .installation-steps .step .step-content .success-box{background-color:var(--success-soft);border-color:var(--success);color:var(--success)}@media(max-width:767.98px){.guide-content .download-section .download-card{padding:2rem 1.5rem}.guide-content .installation-steps .step{padding:1.5rem}.guide-content .installation-steps .step .step-content{margin-left:0;margin-top:1rem}}.privacy-content{display:flex;flex-direction:column;gap:3rem}.privacy-content .privacy-intro{text-align:center;padding:3rem 2rem;background:var(--accent-soft);border:2px solid var(--accent);border-radius:1rem}.privacy-content .privacy-intro .privacy-icon{color:var(--accent);margin:0 auto 1.5rem}.privacy-content .privacy-intro h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem}.privacy-content .privacy-intro .lead-text{font-size:1.125rem;line-height:1.8;color:var(--text-secondary);max-width:800px;margin:0 auto}.privacy-content .privacy-intro .lead-text strong{color:var(--accent);font-weight:600}.privacy-content .privacy-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.privacy-content .privacy-features .privacy-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:.75rem;padding:2rem;text-align:center;transition:all .3s ease}.privacy-content .privacy-features .privacy-card:hover{border-color:var(--accent);box-shadow:var(--elev-2);transform:translateY(-4px)}.privacy-content .privacy-features .privacy-card svg{color:var(--accent);margin-bottom:1rem}.privacy-content .privacy-features .privacy-card h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.privacy-content .privacy-features .privacy-card p{color:var(--text-muted);font-size:.9375rem;line-height:1.6;margin:0}.privacy-content .privacy-sections{display:flex;flex-direction:column;gap:2rem}.privacy-content .privacy-sections section{background-color:var(--bg-card);border:1px solid var(--border);border-radius:.75rem;padding:2.5rem;transition:border-color .3s ease}.privacy-content .privacy-sections section:hover{border-color:var(--border)}.privacy-content .privacy-sections section h2{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 1.5rem}.privacy-content .privacy-sections section h2 svg{color:var(--accent);flex-shrink:0}.privacy-content .privacy-sections section .content-box h4{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:1.5rem 0 .75rem}.privacy-content .privacy-sections section .content-box h4:first-child{margin-top:0}.privacy-content .privacy-sections section .content-box p{color:var(--text-secondary);line-height:1.8;margin-bottom:1rem}.privacy-content .privacy-sections section .content-box p strong{color:var(--text-primary);font-weight:600}.privacy-content .privacy-sections section .content-box p a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.privacy-content .privacy-sections section .content-box p a:hover{border-bottom-color:var(--accent)}.privacy-content .privacy-sections section .content-box ul{list-style:none;padding:0;margin:1rem 0}.privacy-content .privacy-sections section .content-box ul li{color:var(--text-secondary);line-height:1.8;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.privacy-content .privacy-sections section .content-box ul li:before{content:"•";position:absolute;left:.5rem;color:var(--accent);font-weight:700}.privacy-content .privacy-sections section .content-box ul li strong{color:var(--text-primary);font-weight:600}.privacy-content .privacy-sections section .content-box .highlight-text{background:var(--accent-soft);border-left:4px solid var(--accent);padding:1rem 1.25rem;border-radius:8px;margin:1rem 0}.privacy-content .privacy-sections section .content-box .highlight-text strong{color:var(--accent)}.privacy-content .privacy-sections section .content-box .warning-box{display:flex;align-items:flex-start;gap:.75rem;background-color:var(--accent-soft);border:1px solid var(--accent);border-radius:12px;padding:1rem 1.25rem;margin:1.5rem 0}.privacy-content .privacy-sections section .content-box .warning-box svg{color:var(--accent);flex-shrink:0;margin-top:.125rem}.privacy-content .privacy-sections section .content-box .warning-box span{color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.privacy-content .privacy-sections section .content-box .warning-box span strong{color:var(--accent)}.privacy-content .privacy-sections section .content-box .info-text{background-color:var(--bg-muted);border:1px solid var(--border);border-radius:12px;padding:1rem 1.25rem;margin:1rem 0;color:var(--text-muted);font-size:.9375rem;line-height:1.7}.privacy-content .privacy-sections section .content-box .info-text strong{color:var(--text-primary)}.privacy-content .privacy-sections section .content-box .info-text br{margin-bottom:.5rem}.privacy-content .privacy-footer{text-align:center;padding:3rem 2rem;background-color:var(--bg-card);border:1px solid var(--border);border-radius:1rem}.privacy-content .privacy-footer .success-icon{color:var(--success);margin:0 auto 1.5rem}.privacy-content .privacy-footer h3{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem}.privacy-content .privacy-footer p{color:var(--text-secondary);font-size:1.125rem;line-height:1.8;max-width:700px;margin:0 auto}@media(max-width:767.98px){.privacy-content{gap:2rem}.privacy-content .privacy-intro{padding:2rem 1.5rem}.privacy-content .privacy-intro h2{font-size:1.5rem}.privacy-content .privacy-intro .lead-text{font-size:1rem}.privacy-content .privacy-features{grid-template-columns:1fr;gap:1rem}.privacy-content .privacy-features .privacy-card{padding:1.5rem}.privacy-content .privacy-sections section{padding:1.5rem}.privacy-content .privacy-sections section h2{font-size:1.25rem;flex-direction:column;text-align:center;gap:.5rem}.privacy-content .privacy-footer{padding:2rem 1.5rem}.privacy-content .privacy-footer h3{font-size:1.5rem}.privacy-content .privacy-footer p{font-size:1rem}}.privacy-content .delete-account-section{margin-top:3rem;padding-top:3rem;border-top:1px solid var(--border)}.privacy-content .delete-account-section .delete-account-card{background-color:var(--danger-soft);border:1px solid var(--danger);border-radius:1rem;padding:2rem;text-align:center}.privacy-content .delete-account-section .delete-account-card .delete-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.privacy-content .delete-account-section .delete-account-card .delete-header .delete-icon{color:var(--danger)}.privacy-content .delete-account-section .delete-account-card .delete-header h3{font-size:1.5rem;font-weight:700;color:var(--danger);margin:0}.privacy-content .delete-account-section .delete-account-card p{color:var(--text-muted);font-size:.9375rem;line-height:1.7;max-width:500px;margin:0 auto 1.5rem}.privacy-content .delete-account-section .delete-account-card .delete-btn{border-color:var(--danger);color:var(--danger)}.privacy-content .delete-account-section .delete-account-card .delete-btn:hover{background-color:var(--danger-soft);border-color:var(--danger)}.privacy-content .delete-account-section .delete-account-card .delete-btn svg{margin-right:.5rem}.privacy-content .delete-modal-overlay{position:fixed;inset:0;background-color:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.privacy-content .delete-modal{background-color:var(--bg-card);border:1px solid var(--border);border-radius:1rem;max-width:500px;width:100%;overflow:hidden}.privacy-content .delete-modal .delete-modal-header{background-color:var(--danger-soft);padding:2rem;text-align:center;border-bottom:1px solid var(--danger)}.privacy-content .delete-modal .delete-modal-header .warning-icon{color:var(--danger);margin-bottom:1rem}.privacy-content .delete-modal .delete-modal-header h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.privacy-content .delete-modal .delete-modal-content{padding:1.5rem 2rem}.privacy-content .delete-modal .delete-modal-content .warning-text{color:var(--text-secondary);font-size:.9375rem;margin-bottom:1rem}.privacy-content .delete-modal .delete-modal-content ul{list-style:none;padding:0;margin:0 0 1.5rem}.privacy-content .delete-modal .delete-modal-content ul li{color:var(--text-muted);font-size:.875rem;padding:.5rem 0 .5rem 1.5rem;position:relative}.privacy-content .delete-modal .delete-modal-content ul li:before{content:"•";position:absolute;left:.5rem;color:var(--danger)}.privacy-content .delete-modal .delete-modal-content .confirm-input label{display:block;color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem}.privacy-content .delete-modal .delete-modal-content .confirm-input label strong{color:var(--danger)}.privacy-content .delete-modal .delete-modal-content .confirm-input input{width:100%;background-color:var(--bg-muted);border:1px solid var(--border);border-radius:.5rem;padding:.75rem 1rem;color:var(--text-primary);font-size:.9375rem;outline:none}.privacy-content .delete-modal .delete-modal-content .confirm-input input:focus{border-color:var(--danger)}.privacy-content .delete-modal .delete-modal-content .confirm-input input::placeholder{color:var(--text-muted)}.privacy-content .delete-modal .delete-modal-content .delete-error{background-color:var(--danger-soft);border:1px solid var(--danger);border-radius:.5rem;padding:.75rem 1rem;color:var(--danger);font-size:.875rem;margin-top:1rem}.privacy-content .delete-modal .delete-modal-actions{display:flex;gap:1rem;padding:1.5rem 2rem;border-top:1px solid var(--border);background-color:var(--bg-muted)}.privacy-content .delete-modal .delete-modal-actions button{flex:1}.privacy-content .delete-modal .delete-modal-actions .confirm-delete-btn{background-color:var(--danger);border-color:var(--danger)}.privacy-content .delete-modal .delete-modal-actions .confirm-delete-btn:hover:not(:disabled){background-color:var(--danger)}.privacy-content .delete-modal .delete-modal-actions .confirm-delete-btn:disabled{opacity:.5;cursor:not-allowed}.how-it-works-content{display:flex;flex-direction:column;gap:3rem}.how-it-works-content .hiw-hero{text-align:center;padding:3rem 2rem;background:var(--accent-soft);border:2px solid var(--accent);border-radius:1rem}.how-it-works-content .hiw-hero__icon{display:flex;justify-content:center;margin-bottom:1.5rem}.how-it-works-content .hiw-hero__icon svg{color:var(--accent)}.how-it-works-content .hiw-hero__badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent-soft);color:var(--accent);padding:.5rem 1.25rem;border-radius:100px;font-size:.8125rem;font-weight:600;margin-bottom:1.5rem}.how-it-works-content .hiw-hero h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem}.how-it-works-content .hiw-hero__subtitle{font-size:1.25rem;color:var(--text-secondary);margin:0}.how-it-works-content .hiw-hero__subtitle strong{color:var(--accent)}.how-it-works-content .hiw-message__card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:.75rem;padding:2rem;display:flex;gap:1.5rem}.how-it-works-content .hiw-message__card.highlight{background:var(--success-soft);border-color:var(--success)}.how-it-works-content .hiw-message__icon{flex-shrink:0;width:60px;height:60px;border-radius:50%;background-color:var(--success-soft);display:flex;align-items:center;justify-content:center}.how-it-works-content .hiw-message__icon svg{color:var(--success)}.how-it-works-content .hiw-message__content h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem}.how-it-works-content .hiw-message__content p{color:var(--text-secondary);font-size:1.0625rem;line-height:1.8;margin:0}.how-it-works-content .hiw-message__content p strong{color:var(--accent)}.how-it-works-content .hiw-section-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 2rem;text-align:center;position:relative}.how-it-works-content .hiw-section-title:after{content:"";display:block;width:60px;height:3px;background-color:var(--accent);margin:1rem auto 0;border-radius:2px}.how-it-works-content .hiw-steps__list{display:flex;flex-direction:column;gap:.75rem}.how-it-works-content .hiw-flow-tabs{display:inline-flex;gap:.25rem;padding:.25rem;margin:0 0 1.25rem;background:var(--bg-muted);border:1px solid var(--border);border-radius:9999px}.how-it-works-content .hiw-flow-tab{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:none;border-radius:9999px;background:transparent;color:var(--text-secondary);font-size:.9375rem;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease}.how-it-works-content .hiw-flow-tab.is-active{background:var(--accent);color:var(--accent-contrast)}.how-it-works-content .hiw-step{background-color:var(--bg-card);border:1px solid var(--border);border-radius:.5rem;padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem}.how-it-works-content .hiw-step__number{flex-shrink:0;width:2rem;height:2rem;border-radius:50%;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;color:var(--accent);font-weight:700;font-size:.95rem}.how-it-works-content .hiw-step__content h4{font-size:1.0625rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.how-it-works-content .hiw-step__content p{color:var(--text-secondary);font-size:.9375rem;line-height:1.6;margin:0}.how-it-works-content .hiw-step__content p strong{color:var(--accent)}.how-it-works-content .hiw-difference .hiw-comparison{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media(max-width:767.98px){.how-it-works-content .hiw-difference .hiw-comparison{grid-template-columns:1fr}}.how-it-works-content .hiw-difference .hiw-comparison__item{background-color:var(--bg-card);border-radius:.75rem;padding:2rem;border:2px solid}.how-it-works-content .hiw-difference .hiw-comparison__item.bad{border-color:var(--danger);background:var(--danger-soft)}.how-it-works-content .hiw-difference .hiw-comparison__item.good{border-color:var(--success);background:var(--success-soft)}.how-it-works-content .hiw-difference .hiw-comparison__header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.how-it-works-content .hiw-difference .hiw-comparison__header .icon{font-size:1.5rem}.how-it-works-content .hiw-difference .hiw-comparison__header h4{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.how-it-works-content .hiw-difference .hiw-comparison ul{list-style:none;padding:0;margin:0}.how-it-works-content .hiw-difference .hiw-comparison ul li{color:var(--text-secondary);font-size:.9375rem;line-height:1.7;padding:.5rem 0 .5rem 1.5rem;position:relative}.how-it-works-content .hiw-difference .hiw-comparison ul li:before{content:"•";position:absolute;left:.5rem;color:var(--accent)}.how-it-works-content .hiw-difference .hiw-comparison .bad ul li:before{color:var(--danger)}.how-it-works-content .hiw-difference .hiw-comparison .good ul li:before{color:var(--success)}.how-it-works-content .hiw-security__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media(max-width:767.98px){.how-it-works-content .hiw-security__grid{grid-template-columns:1fr}}.how-it-works-content .hiw-security__item{background:var(--bg-card);border:1px solid var(--border);border-radius:.75rem;padding:2rem 1.5rem;text-align:center}.how-it-works-content .hiw-security__item svg{color:var(--accent);margin-bottom:1rem}.how-it-works-content .hiw-security__item h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.how-it-works-content .hiw-security__item p{color:var(--text-muted);font-size:.875rem;line-height:1.6;margin:0}.how-it-works-content .hiw-footer__card{text-align:center;padding:3rem 2rem;background:var(--accent-soft);border:1px solid var(--accent-soft);border-radius:1rem}.how-it-works-content .hiw-footer__card h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem}.how-it-works-content .hiw-footer__card p{color:var(--text-secondary);font-size:1.0625rem;line-height:1.8;max-width:600px;margin:0 auto 2rem}.how-it-works-content .hiw-footer__actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media(max-width:767.98px){.how-it-works-content{gap:2rem}.how-it-works-content .hiw-hero{padding:2rem 1.5rem}.how-it-works-content .hiw-hero h2{font-size:1.5rem}.how-it-works-content .hiw-hero__subtitle{font-size:1rem}.how-it-works-content .hiw-message__card{flex-direction:column;text-align:center}.how-it-works-content .hiw-message__card .hiw-message__icon{margin:0 auto}.how-it-works-content .hiw-step{flex-direction:row;text-align:start;padding:1rem}.how-it-works-content .hiw-step__number{margin:0}.how-it-works-content .hiw-footer__card{padding:2rem 1.5rem}.how-it-works-content .hiw-footer__card h3{font-size:1.25rem}.how-it-works-content .hiw-footer__card p{font-size:1rem}}html.is-embed .navbar,html.is-embed .footer{display:none!important}html.is-embed .app-layout>main{padding-top:0!important}html.is-embed .bulletin-page__filters{top:0!important}.app-layout{min-height:100vh;background-color:var(--bg-page);color:var(--text-primary);display:flex;flex-direction:column;transition:background-color .25s ease,color .25s ease}.app-layout::selection{background-color:#005c934d}.app-layout main{flex-grow:1}
