.lq-glass{overflow:hidden;background:linear-gradient(165deg,#ffffff38,#ffffff12 42%,#ffffff0a)}.lq-glass__defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.lq-glass__specular{position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;background:linear-gradient(155deg,rgba(255,255,255,.62) 0%,rgba(255,255,255,.12) 18%,transparent 42%);box-shadow:inset 0 1px #ffffff9e,inset 0 -1px #ffffff14,inset 0 0 0 1px #ffffff47;mix-blend-mode:soft-light}.lq-glass__body{position:relative;z-index:2}.cookie-consent.lq-glass{position:fixed;bottom:24px;left:24px;z-index:1000;width:264px;max-width:264px;box-shadow:0 18px 48px #00000038;font-family:ClashGrotesk,Inter,-apple-system,BlinkMacSystemFont,sans-serif;animation:cookie-consent-in .5s cubic-bezier(.22,1,.36,1) both}.cookie-consent .lq-glass__body{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:16px 20px}.cookie-consent-text{margin:0;font-size:13px;font-weight:300;letter-spacing:.04em;line-height:1.5;color:#2a2e2c;text-align:left;text-shadow:0 1px 0 rgba(255,255,255,.35)}.cookie-consent-actions{display:flex;align-items:center;gap:18px}.cookie-consent-policy{color:#2a2e2c;text-decoration:underline;text-underline-offset:.2em}.cookie-consent-policy:hover{color:#111}.cookie-consent-btn{margin:0;padding:4px 2px;border:0;background:none;font:inherit;font-size:12.5px;font-weight:400;letter-spacing:.1em;cursor:pointer;white-space:nowrap;transition:color .25s ease}.cookie-consent-btn-accept{color:#04b681}.cookie-consent-btn-accept:hover{color:#05956a}.cookie-consent-btn-essentials{color:#3f6a58}.cookie-consent-btn-essentials:hover{color:#1d211f}@keyframes cookie-consent-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:560px){.cookie-consent.lq-glass{left:12px;right:12px;bottom:12px;width:auto;max-width:none}.cookie-consent .lq-glass__body{flex-wrap:wrap;gap:8px 14px}.cookie-consent-text{white-space:normal;flex:1 1 100%}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-cyan: #1e7a4f;--primary-green: #04b681;--dark-teal: #005f21;--teal: #1e7a4f;--bg-dark: #ebebeb;--bg-card: #ffffff;--text-primary: #101010;--text-secondary: #5b5b5b;--border-color: rgba(0, 0, 0, .12);--error-color: #dc2626;--success-color: #04b681;color-scheme:light}html{scroll-behavior:smooth}body{font-family:ClashGrotesk,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-dark);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}a,button,[role=button],input,select,textarea{touch-action:manipulation}.nav{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 3rem;z-index:100;background:#ebebebb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-brand{display:flex;align-items:center;text-decoration:none}.brand-logo{height:40px;width:auto}.nav-links{display:flex;align-items:center;justify-content:center;gap:1rem}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#0000000a;border:1px solid var(--border-color);border-radius:100px;color:var(--text-primary);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .3s ease;cursor:pointer}.nav-link:hover{background:var(--primary-cyan);border-color:var(--primary-cyan);color:var(--bg-dark)}.user-menu{display:flex;align-items:center;gap:1rem}.user-credits{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#04b6811a;border:1px solid rgba(4,182,129,.3);border-radius:100px;font-size:.875rem;color:var(--primary-green)}.app-navbar{width:100%;max-width:100vw;padding:16px 24px;position:fixed;top:0;z-index:100;background:transparent}.app-navbar-content{max-width:1400px;width:auto;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:10px 24px;background:#fff;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(0,0,0,.08);border-radius:100px;box-shadow:0 8px 32px #0000001f;transition:all .4s cubic-bezier(.4,0,.2,1)}.app-navbar .logo{display:flex;align-items:center;text-decoration:none}.app-navbar .logo img{height:32px;width:auto}.app-nav-links{display:flex;gap:32px;align-items:center}.app-nav-link{color:#5b5b5b;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s;white-space:nowrap}.app-nav-link:hover,.app-nav-link.active{color:#101010}.app-nav-link.admin-link{color:var(--primary-green)}.app-nav-actions{display:flex;align-items:center;gap:12px}.app-credits-pill{display:flex;align-items:center;gap:6px;padding:6px 14px;background:#04b6811f;border:1px solid rgba(4,182,129,.25);border-radius:100px;font-size:13px;font-weight:600;color:var(--primary-green);text-decoration:none;transition:all .2s ease;white-space:nowrap}.app-credits-pill:hover{background:#04b68133;border-color:#04b68166;color:var(--primary-green)}.app-hamburger{display:none;align-items:center;justify-content:center;background:none;border:none;color:#262626;cursor:pointer;padding:4px;-webkit-tap-highlight-color:transparent}.app-mobile-menu{display:none}@media(max-width:768px){.app-hamburger{display:flex}.app-nav-links{display:none}.app-navbar{padding:10px 12px}.app-navbar-content{padding:8px 16px;border-radius:20px;position:relative}.app-navbar-content.menu-open{border-radius:20px}.app-mobile-menu{display:flex;flex-direction:column;gap:4px;margin-top:8px;padding:16px 20px;background:#ffffffeb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(0,0,0,.08);border-radius:20px;box-shadow:0 8px 32px #0000001f;z-index:99}.app-mobile-menu .app-nav-link{display:block;padding:12px 16px;font-size:15px;border-radius:12px;transition:background .15s ease,color .15s ease}.app-mobile-menu .app-nav-link:hover,.app-mobile-menu .app-nav-link.active{background:#0000000d;color:#101010}.mobile-menu-divider{height:1px;background:#0000000f;margin:4px 0}}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-cyan) 0%,var(--primary-green) 100%);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;color:#fff;border:none;cursor:pointer;transition:box-shadow .2s ease;position:relative}.user-avatar:hover{box-shadow:0 0 0 3px #04b6814d}.avatar-plan-badge{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);font-size:.5rem;font-weight:700;letter-spacing:.03em;padding:1px 6px;border-radius:8px;white-space:nowrap;text-transform:uppercase;line-height:1.4;border:1.5px solid var(--bg-dark);background:linear-gradient(135deg,#334155,#1e293b);color:#fff}.avatar-plan-badge.plan-trial{background:linear-gradient(135deg,#64748b,#475569);color:#fff}.avatar-dropdown{position:relative}.avatar-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:#fff;border:1px solid var(--border-color);border-radius:12px;padding:.5rem 0;z-index:200;box-shadow:0 8px 24px #0000001f;animation:menuFadeIn .15s ease}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.avatar-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem 1rem;background:none;border:none;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;text-decoration:none;transition:background .15s ease}.avatar-menu-item:hover{background:#04b6811a;color:var(--primary-cyan)}.avatar-menu-item svg{flex-shrink:0;opacity:.7}.avatar-menu-item:hover svg{opacity:1}.page-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:6rem 2rem 2rem}.card{width:100%;max-width:480px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;padding:3rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:fadeUp .6s ease forwards}.auth-split{display:flex;flex-direction:row;min-height:100vh}.auth-split-left{position:relative;z-index:2;flex:0 0 45%;max-width:45%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:2rem;background:#ebebeb}.auth-logo{display:flex;align-items:center;text-decoration:none}.auth-logo img{height:40px;width:auto}.auth-split-right{position:relative;z-index:1;overflow:hidden;flex:0 0 calc(55% + 40px);max-width:calc(55% + 40px);height:100vh;margin-left:-40px}.auth-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:85% center;z-index:1}.auth-split-right:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background:linear-gradient(to right,#ebebeb 0%,#ebebeb 10%,transparent 45%);pointer-events:none}@media(max-width:768px){.auth-split{flex-direction:column}.auth-split-right{flex:0 0 30vh;max-width:100%;height:30vh;margin-left:0;order:-1}.auth-split-right:before{width:100%;height:45%;top:auto;bottom:0;background:linear-gradient(to top,#ebebeb 0%,#ebebeb 10%,transparent 45%)}.auth-split-left{flex:1 1 auto;max-width:100%;height:auto;padding:2rem 1.5rem 3rem}}@media(max-width:480px){.auth-split-right{display:none}}:where(.card,.stat-card,.account-card,.download-card,.community-card,.usage-bar-card,.sub-plan-card,.pricing-card,.order-card,.admin-stat-card,.admin-ops-card,.contact-info-card,.bug-report-info-card,.about-philosophy-card,.docs-workflow-card,.feature-grid-card,.philosophy-card,.rd-bb-card,.rd-use-card){transform-origin:center;transition-property:transform,box-shadow,border-color,background-color;transition-duration:.24s;transition-timing-function:ease;will-change:transform}:where(.card,.account-card,.usage-bar-card,.sub-plan-card,.order-card,.admin-ops-card,.contact-info-card,.bug-report-info-card,.about-philosophy-card,.docs-workflow-card,.rd-bb-card,.rd-use-card):hover{transform:scale(1.015)}@media(prefers-reduced-motion:reduce){:where(.card,.stat-card,.account-card,.download-card,.community-card,.usage-bar-card,.sub-plan-card,.pricing-card,.order-card,.admin-stat-card,.admin-ops-card,.contact-info-card,.bug-report-info-card,.about-philosophy-card,.docs-workflow-card,.feature-grid-card,.philosophy-card,.rd-bb-card,.rd-use-card){transition:none;will-change:auto}:where(.card,.stat-card,.account-card,.download-card,.community-card,.usage-bar-card,.sub-plan-card,.pricing-card,.order-card,.admin-stat-card,.admin-ops-card,.contact-info-card,.bug-report-info-card,.about-philosophy-card,.docs-workflow-card,.feature-grid-card,.philosophy-card,.rd-bb-card,.rd-use-card):hover{transform:none}}.card-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:2.5rem}.card-title{font-size:2rem;font-weight:600;margin-bottom:.5rem;background:linear-gradient(135deg,var(--primary-cyan) 0%,var(--primary-green) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;width:100%}.card-subtitle{font-size:1rem;color:var(--text-secondary);width:100%}.form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.form-input{width:100%;padding:1rem 1.25rem;font-family:inherit;font-size:1rem;color:var(--text-primary);background:#fff;border:1px solid var(--border-color);border-radius:12px;outline:none;transition:all .3s ease}.form-input::placeholder{color:var(--text-secondary)}.form-input:focus{border-color:var(--primary-cyan);box-shadow:0 0 0 3px #04b6811a}.form-input:disabled{opacity:.6;cursor:not-allowed}select.form-input{color-scheme:light}select.form-input option{background:#fff;color:var(--text-primary)}.password-input-container{position:relative}.password-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;transition:color .3s ease}.password-toggle:hover{color:var(--primary-cyan)}.password-rules{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column;gap:.25rem}.password-rule{display:flex;align-items:center;gap:.4rem;font-size:.8rem;transition:color .2s ease}.password-rule.passed{color:var(--success-color, #22c55e)}.password-rule.failed{color:var(--text-secondary, #94a3b8)}.otp-container{display:flex;gap:.75rem;justify-content:center}.otp-input{width:52px;height:60px;text-align:center;font-size:1.5rem;font-weight:600;background:#fff;border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);outline:none;transition:all .3s ease}.otp-input:focus{border-color:var(--primary-cyan);box-shadow:0 0 0 3px #04b6811a}.form-error,.form-success{display:none;padding:.875rem 1rem;border-radius:12px;font-size:.875rem;text-align:center}.form-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--error-color)}.form-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:var(--success-color)}.form-error.show,.form-success.show{display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:0;margin-top:.5rem;background:none;border:none;cursor:pointer;transition:all .3s ease}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:disabled{opacity:.7;cursor:not-allowed}.btn-text{flex:1;display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;font-family:inherit;font-size:1.1rem;font-weight:500;color:#fff;background:linear-gradient(to top,#000,#666);border-radius:100px;box-shadow:0 4px 20px #0003;transition:all .3s ease}.btn:hover .btn-text{box-shadow:0 8px 30px #00000047}.btn-arrow{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;background:linear-gradient(to top,#000,#666);border-radius:50%;color:#fff;box-shadow:0 4px 20px #0003;transition:all .3s ease}.btn:hover .btn-arrow{box-shadow:0 8px 30px #00000047}.btn:hover .btn-arrow svg{transform:translate(3px)}.btn-arrow svg{transition:transform .3s ease}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:500;color:var(--text-primary);background:#0000000a;border:1px solid var(--border-color);border-radius:100px;text-decoration:none;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#00000012;border-color:var(--primary-cyan)}.forgot-password-link{display:inline-block;margin-top:.25rem;font-size:.8rem;color:var(--primary-cyan);text-decoration:none;font-weight:500;text-align:right;align-self:flex-end}.forgot-password-link:hover{color:var(--primary-green)}.auth-legal-note{text-align:center;margin-top:1.5rem;font-size:.78rem;line-height:1.6;color:var(--text-secondary)}.auth-legal-note a{color:#4c4c4c;text-decoration:underline;text-underline-offset:2px;text-decoration-color:#b0b0b0;transition:color .15s ease}.auth-legal-note a:hover{color:var(--primary-cyan);text-decoration-color:var(--primary-cyan)}.auth-legal-note+.form-footer{margin-top:1rem}.form-footer{text-align:center;margin-top:2rem;font-size:.875rem;color:var(--text-secondary)}.form-footer a{color:var(--primary-cyan);text-decoration:none;font-weight:500}.form-footer a:hover{color:var(--primary-green)}.resend-otp{text-align:center;margin-top:1rem}.resend-btn{background:none;border:none;color:var(--primary-cyan);font-size:.875rem;font-weight:500;cursor:pointer}.resend-btn:disabled{color:var(--text-secondary);cursor:not-allowed}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:1}}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.divider{display:flex;align-items:center;text-align:center;margin:.5rem 0}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--border-color)}.divider span{padding:0 1rem;color:var(--text-secondary);font-size:.875rem}.btn-google{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:500;color:var(--text-primary);background:#0000000a;border:1px solid var(--border-color);border-radius:100px;cursor:pointer;transition:all .3s ease}.btn-google:hover:not(:disabled){background:#00000012;border-color:#b0b0b0;transform:translateY(-2px)}.btn-google:disabled{opacity:.7;cursor:not-allowed}.btn-google svg{flex-shrink:0}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-cyan);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cancel-sub-item{color:var(--error-color)!important}.cancel-sub-item:hover{background:#ef44441a!important;color:var(--error-color)!important}.cancel-sub-item svg{opacity:1}.btn-cancel{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2rem;font-family:inherit;font-size:1rem;font-weight:600;color:#101010;background:var(--error-color);border:none;border-radius:100px;cursor:pointer;transition:all .3s ease}.btn-cancel:hover:not(:disabled){background:#dc2626;transform:translateY(-2px)}.btn-cancel:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.nav{padding:1rem 1.5rem}.nav-link{padding:.5rem 1rem;font-size:.8rem}.brand-logo{height:32px}.card{padding:2rem 1.5rem}.card-title{font-size:1.75rem}.btn-text{padding:.875rem 1.5rem;font-size:1rem}.btn-arrow{width:46px;height:46px}.otp-input{width:46px;height:54px;font-size:1.25rem}.btn-google{padding:.875rem 1.25rem;font-size:.95rem}}@media(max-width:480px){.card{padding:1.5rem 1.25rem}.card-title{font-size:1.5rem}.card-header{margin-bottom:1.75rem}.otp-input{width:40px;height:48px;font-size:1.1rem}.otp-container{gap:.5rem}}@font-face{font-family:ClashGrotesk;src:url(/fonts/ClashGrotesk-Regular.woff2) format("woff2");font-weight:100 400;font-style:normal;font-display:swap}@font-face{font-family:ClashGrotesk;src:url(/fonts/ClashGrotesk-Medium.woff2) format("woff2");font-weight:500 900;font-style:normal;font-display:swap}@font-face{font-family:Utility Sans;src:url(/fonts/ClashGrotesk-Regular.woff2) format("woff2");font-weight:100 400;font-style:normal;font-display:swap}@font-face{font-family:Utility Sans;src:url(/fonts/ClashGrotesk-Medium.woff2) format("woff2");font-weight:500 900;font-style:normal;font-display:swap}:root{--mx-bg: #ebebeb;--mx-bg-pale: #e4e4e4;--mx-card: #ffffff;--mx-black: #000000;--mx-ink: #101010;--mx-ink-2: #262626;--mx-body: #5b5b5b;--mx-body-2: #646464;--mx-muted: #a2a2a2;--mx-faint: #a8a8a8;--mx-ink-dark: #ffffff;--mx-body-dark: #c9c9c9;--mx-muted-dark: #666666;--mx-green: #04b681;--mx-green-nav: #3fb454;--mx-green-deep: #1e7a4f;--mx-green-dark: #005f21;--mx-link-dark: #9db489;--mx-heading-gradient: linear-gradient(to bottom, #999999 -30%, #101010 100%);--mx-heading-gradient-dark: linear-gradient(to bottom, #999999 -30%, #ffffff 100%);--mx-radius-card: 28px;--mx-radius-media: 32px;--mx-font: "ClashGrotesk", Inter, ui-sans-serif, system-ui, sans-serif}.mx-pill{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(to top,#000,#666);isolation:isolate;color:#fff;text-decoration:none;cursor:pointer;border:0;font-family:var(--mx-font);transition:transform .18s cubic-bezier(.22,1,.36,1),filter .18s ease}.mx-pill:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(155deg,#ffffffe6,#dfdfdf30 22%,#bbb0 38%,#6666662e);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;filter:blur(.4px);pointer-events:none}.mx-pill:hover{transform:translateY(-1px) scale(1.022);filter:brightness(1.12)}.mx-pill:active{transform:translateY(0) scale(.995);filter:brightness(.96)}.mx-pill--ghost{background:var(--mx-card);color:var(--mx-ink);box-shadow:inset 0 0 0 1px #00000024}.mx-pill--ghost:before{display:none}.mx-pill--ghost:hover{filter:none;box-shadow:inset 0 0 0 1px #00000052}.lp-overlay{position:fixed;inset:0;z-index:9999;background:#fff;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .7s ease;pointer-events:all}.lp-overlay--hidden{opacity:0;pointer-events:none}@keyframes lp-pulse{0%,to{opacity:.4}50%{opacity:1}}.lp-overlay-logo{width:56px;height:56px;opacity:.4;animation:lp-pulse 1.6s ease-in-out infinite}.mx-nav-progress{position:fixed;top:0;left:0;z-index:10000;height:2px;width:0;pointer-events:none;background:linear-gradient(90deg,#1e7a4f,#04b681);opacity:0;transform-origin:left center}.mx-nav-progress.is-on{opacity:1;width:70%;transition:width .6s cubic-bezier(.22,1,.36,1),opacity .12s linear}.mx-nav-progress.is-done{width:100%;opacity:0;transition:width .18s ease-out,opacity .2s ease .05s}@media(prefers-reduced-motion:reduce){.mx-nav-progress{transition:none}}
