@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@500;600;700&display=swap";:root{--color-paper:#fff;--color-paper-2:#f7f8f6;--color-paper-3:#eef4f2;--color-ink:#14213d;--color-ink-2:#263852;--color-muted:#687480;--color-placeholder:#98a19f;--color-rule:#d9e1df;--color-accent:#087c7d;--color-accent-ink:#064f50;--color-focus:#087c7d;--color-focus-soft:#c7e6e2;--color-link:#076e6f;--color-dark:#087477;--color-dark-hover:#056466;--color-dark-soft:#e5f1ef;--color-dark-paper:#fff;--color-dark-muted:#e0eeee;--color-dark-rule:#ffffff47;--color-orange:#e76f2e;--color-error-paper:oklch(96% .025 25);--color-error-rule:oklch(73% .11 25);--color-error-ink:oklch(40% .13 25);--color-youtube:oklch(70% .18 30);--color-instagram:oklch(76% .13 335);--font-display:"Poppins", sans-serif;--font-body:"Inter", sans-serif;--space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4.5rem;--space-3xl:6rem;--text-xs:.75rem;--text-sm:.9rem;--text-md:1.08rem;--text-lg:1.25rem;--control-height:54px;--rule-thin:1px;--radius-icon:8px;--radius-mark:8px;--radius-input:8px;--radius-button:8px;--radius-card:14px;--radius-shell:16px;--shadow-shell:0 22px 60px #103a401f;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-short:.18s}html{background:#f7f8f6;min-width:320px;min-height:100%;overflow-x:clip}body{color:#14213d;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f7f8f6;min-width:320px;min-height:100vh;margin:0;font-family:Inter,sans-serif;overflow-x:clip}*{box-sizing:border-box}button,input{font:inherit}button{cursor:pointer}.auth-page{min-height:100svh;padding:0 0 var(--space-xl);color:var(--color-ink);background:var(--color-paper-2)}.topbar{color:#fff;background:linear-gradient(105deg,#076f73 0%,#138288 100%);justify-content:space-between;align-items:center;width:100%;min-height:74px;margin:0 0 clamp(28px,5vh,58px);padding:0 max(24px,50vw - 590px);display:flex;box-shadow:0 6px 22px #054f5229}.brand{align-items:center;gap:var(--space-xs);color:#fff;font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.035em;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{border-radius:var(--radius-mark);color:#087477;background:#fff;place-items:center;width:40px;height:40px;display:grid}.brand-mark svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:25px}.brand-mark circle{fill:#fff}.brand-name{font-size:1.22rem}.brand-edition{color:#ffffffc7;letter-spacing:.2em;text-transform:uppercase;border-left:1px solid #ffffff6b;padding-left:12px;font-size:.65rem;font-weight:600}.topbar-note{color:#ffffffdb;font-size:var(--text-xs);align-items:center;gap:8px;display:inline-flex}.topbar-note i{background:#f4a261;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #f4a2612e}.auth-layout{border-radius:var(--radius-shell);background:var(--color-paper);width:min(1180px,100%);min-height:min(650px,100svh - 150px);box-shadow:var(--shadow-shell);border:0;grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr);margin:0 auto;display:grid;overflow:clip}.product-panel{min-width:0;padding:clamp(var(--space-lg), 4vw, var(--space-2xl));color:var(--color-ink);background:radial-gradient(circle at 85% 18%,#087c7d1f,#0000 31%),linear-gradient(135deg,#eef8f6 0%,#fdf9f5 72%);flex-direction:column;display:flex;position:relative;overflow:hidden}.product-panel:after{content:"";pointer-events:none;border:1px solid #087c7d2e;border-radius:50%;width:310px;height:310px;position:absolute;bottom:-120px;right:-85px;box-shadow:0 0 0 34px #087c7d0a,0 0 0 76px #e76f2e09}.product-copy{max-width:470px}.product-label{margin:0 0 var(--space-lg);color:var(--color-accent);font-size:var(--text-xs);letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:12px;font-weight:600;display:flex}.product-label:before{content:"";background:var(--color-orange);width:32px;height:2px}.product-copy h1{min-width:0;color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.05em;overflow-wrap:anywhere;margin:0;font-size:clamp(2.75rem,4.2vw,4.6rem);font-style:normal;font-weight:600;line-height:1.04}.product-copy h1 span{color:#0000;background:linear-gradient(90deg,#087c7d 5% 45%,#e76f2e 92%);-webkit-background-clip:text;background-clip:text;display:block}.product-copy>p:last-child{max-width:440px;margin:var(--space-lg) 0 0;color:var(--color-muted);font-size:var(--text-md);line-height:1.65}.channel-list{z-index:1;padding-top:var(--space-xl);margin-top:auto;position:relative}.channel-row{gap:var(--space-sm);border-bottom:var(--rule-thin) solid var(--color-rule);min-height:50px;color:var(--color-ink-2);font-size:var(--text-sm);grid-template-columns:32px minmax(0,1fr) auto;align-items:center;display:grid}.channel-row:first-child{border-top:var(--rule-thin) solid var(--color-rule)}.channel-row small{color:var(--color-muted);font-size:var(--text-xs)}.channel-icon{border-radius:var(--radius-icon);background:#fff;place-items:center;width:30px;height:30px;display:grid;box-shadow:0 4px 14px #123a3f14}.channel-icon.youtube{color:var(--color-youtube)}.channel-icon.tiktok{color:var(--color-accent)}.channel-icon.instagram{color:var(--color-instagram)}.security-note{margin-top:var(--space-lg);align-items:center;gap:var(--space-xs);z-index:1;color:var(--color-muted);font-size:var(--text-xs);display:flex;position:relative}.security-note svg{color:var(--color-accent);flex:none}.form-panel{min-width:0;padding:clamp(var(--space-xl), 5vw, var(--space-2xl));border-left:1px solid var(--color-rule);background:var(--color-paper);place-items:center;display:grid}.form-card{width:min(440px,100%)}.form-heading{margin-bottom:var(--space-xl)}.form-heading h2{min-width:0;color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.045em;overflow-wrap:anywhere;margin:0;font-size:clamp(1.85rem,3vw,2.55rem);font-style:normal;font-weight:600;line-height:1.08}.form-heading p{margin:var(--space-sm) 0 0;color:var(--color-muted);font-size:var(--text-sm);line-height:1.55}.field{margin-top:var(--space-md);display:block}.field>span{margin-bottom:var(--space-2xs);color:var(--color-ink-2);font-size:var(--text-sm);font-weight:500;display:block}.input-wrap{height:var(--control-height);align-items:center;gap:var(--space-xs);padding:0 var(--space-sm);border:var(--rule-thin) solid var(--color-rule);outline-offset:1px;border-radius:var(--radius-input);color:var(--color-muted);background:var(--color-paper);transition:background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out);outline:2px solid #0000;display:flex}@media (hover:hover){.input-wrap:hover{background:var(--color-paper-2)}}.input-wrap:focus-within{border-color:var(--color-focus);outline-color:var(--color-focus-soft);background:var(--color-paper)}.input-wrap input{min-width:0;color:var(--color-ink);font-size:var(--text-sm);background:0 0;border:0;outline:0;flex:1}.input-wrap input::placeholder{color:var(--color-placeholder)}.password-toggle{border-radius:var(--radius-icon);width:44px;height:44px;color:var(--color-muted);background:0 0;border:0;place-items:center;margin-right:-10px;padding:0;display:grid}@media (hover:hover){.password-toggle:hover{color:var(--color-ink);background:var(--color-paper-3)}}.password-toggle:active{transform:translateY(1px)}.field-meta{min-height:1lh;margin-top:var(--space-2xs);justify-content:space-between;gap:var(--space-sm);color:var(--color-muted);font-size:var(--text-xs);display:flex}.field-meta button,.switch-mode button,.back-login{color:var(--color-link);white-space:nowrap;background:0 0;border:0;padding:0;font-weight:600}.form-message{margin:var(--space-md) 0 0;padding:var(--space-sm);border:var(--rule-thin) solid var(--color-error-rule);border-radius:var(--radius-input);color:var(--color-error-ink);background:var(--color-error-paper);font-size:var(--text-sm);overflow-wrap:anywhere;line-height:1.45}.primary-action{width:100%;height:var(--control-height);margin-top:var(--space-lg);padding:0 var(--space-md);justify-content:center;align-items:center;gap:var(--space-xs);border:var(--rule-thin) solid var(--color-accent);border-radius:var(--radius-button);color:var(--color-dark-paper);background:var(--color-accent);white-space:nowrap;transition:transform var(--dur-short) var(--ease-out), background-color var(--dur-short) var(--ease-out);font-weight:600;display:flex}@media (hover:hover){.primary-action:hover:not(:disabled){background:var(--color-dark-hover);transform:translateY(-1px)}}.primary-action:active:not(:disabled){transform:translateY(1px)}.primary-action:disabled{cursor:not-allowed;opacity:.55}.switch-mode{margin:var(--space-lg) 0 0;text-align:center;color:var(--color-muted);font-size:var(--text-sm)}.switch-mode button{margin-left:var(--space-2xs)}.back-login{min-height:44px;margin:var(--space-md) auto 0;font-size:var(--text-sm);display:block}.legal{margin:var(--space-xl) 0 0;text-align:center;color:var(--color-muted);font-size:var(--text-xs);line-height:1.55}.legal a{color:var(--color-ink-2)}button:focus-visible,a:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.input-wrap input:focus-visible{outline:none}@media (width<=860px){.auth-page{padding:0 0 var(--space-md)}.topbar{min-height:66px;padding-inline:var(--space-md);margin-bottom:var(--space-md)}.topbar-note{display:none}.auth-layout{grid-template-columns:minmax(0,1fr);width:calc(100% - 32px);min-height:auto}.product-panel{padding:var(--space-xl)}.product-copy h1{max-width:500px;font-size:clamp(2.3rem,9vw,3.6rem)}.product-copy>p:last-child{margin-top:var(--space-md)}.channel-list,.security-note{display:none}.form-panel{padding:var(--space-xl);border-top:1px solid var(--color-rule);border-left:0}}@media (width<=480px){.auth-page{padding:0 0 var(--space-sm)}.topbar{margin-bottom:var(--space-sm)}.auth-layout{border-radius:var(--radius-card);width:calc(100% - 20px)}.product-panel,.form-panel{padding:var(--space-lg)}.product-copy h1{font-size:2.35rem}.product-copy>p:last-child{font-size:var(--text-sm)}.form-heading{margin-bottom:var(--space-lg)}.form-heading h2{font-size:2rem}.field-meta{align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}