:root{--ink:#1c1917;--ink-soft:#44403c;--muted:#78716c;--cream:#fff7ed;--line:#1c19171f;--accent:#7c3aed;--accent-soft:#7c3aed1f;--err:#dc2626;--card:#ffffffd9}*,:before,:after{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:linear-gradient(145deg,#fffefb 0%,#fff7ed 28%,#ffedd5 52%,#fdba74 78%,#fca5a5 100%);margin:0;font-family:DM Sans,Noto Sans Arabic,system-ui,sans-serif}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}.mosaic-film-track--up,.mosaic-film-track--down{animation:none!important;transform:none!important}}.auth-shell{isolation:isolate;grid-template-columns:1fr;align-items:stretch;min-height:100dvh;display:grid}@media (width>=900px){.auth-shell{grid-template-columns:minmax(260px,.72fr) minmax(420px,1.52fr)}}.auth-panel{z-index:2;flex-direction:column;justify-content:space-between;min-height:100%;padding:clamp(24px,5vw,56px) clamp(20px,4vw,48px);display:flex;position:relative}.auth-panel-main{flex-direction:column;flex:1;justify-content:center;max-width:420px;display:flex}.auth-back{color:var(--muted);align-items:center;gap:6px;width:fit-content;margin-bottom:28px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.auth-back:hover{color:var(--accent)}.auth-top-row{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:420px;margin-bottom:28px;display:flex}.auth-top-row .auth-back{margin-bottom:0}.lang-switch-wrap{flex-shrink:0;position:relative}.lang-switch__trigger{width:40px;height:36px;color:var(--ink);cursor:pointer;background:#ffffff8c;border:1px solid #1c191724;border-radius:12px;justify-content:center;align-items:center;padding:0;font-family:inherit;line-height:0;transition:background .15s,border-color .15s;display:flex}.lang-switch__trigger:hover{background:#ffffffd9;border-color:#1c191738}.lang-switch__menu{top:calc(100% + 6px);z-index:80;background:#fffffffa;border:1px solid #1c19171f;border-radius:10px;min-width:88px;margin:0;padding:4px;list-style:none;position:absolute;inset-inline-end:0;box-shadow:0 8px 24px #1c19171f}.lang-switch__option{letter-spacing:.06em;text-align:start;cursor:pointer;width:100%;color:var(--ink-soft);background:0 0;border:none;border-radius:8px;padding:8px 12px;font-family:inherit;font-size:.75rem;font-weight:800;display:block}.lang-switch__option:hover{color:var(--ink);background:#1c19170f}.lang-switch__option--active{color:var(--ink);background:#1c19171a}.brand-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.brand-mark{filter:drop-shadow(0 2px 8px #facc1540);font-size:clamp(1.6rem,3vw,2rem);line-height:1}.brand{letter-spacing:-.045em;color:var(--ink);margin:0;font-family:DM Sans,system-ui,sans-serif;font-size:clamp(1.45rem,2.8vw,1.85rem);font-weight:800}.subtitle{color:var(--ink-soft);max-width:34ch;margin-bottom:28px;font-size:.95rem;line-height:1.55}.oauth-stack{flex-direction:column;gap:12px;width:100%;max-width:360px;display:flex}.oauth-sync-note{width:100%;max-width:min(360px,100%);color:var(--ink-soft);margin:4px 0 0;padding-left:1.2rem;font-size:.8rem;line-height:1.5;list-style:outside}.oauth-sync-note li{margin-bottom:.45rem;padding-left:.15rem}.oauth-sync-note li:last-child{margin-bottom:0}.oauth-sync-note a{color:var(--ink);text-underline-offset:2px;font-weight:600;text-decoration:underline}.oauth-sync-note a:hover{color:var(--accent)}.tg-widget-off-hint{width:100%;max-width:360px;color:var(--ink-soft)!important;margin-top:0!important;margin-bottom:0!important;font-size:.8rem!important;line-height:1.55!important}.tg-widget-off-hint .inline-code,.tg-widget-off-hint .mono{word-break:break-all;font-family:ui-monospace,Cascadia Code,monospace;font-size:.85em}.tg-widget-off-hint a{color:var(--accent);white-space:nowrap;font-weight:600}.oauth-btn{color:var(--ink);cursor:pointer;background:#fafaf9eb;border:1px solid #1c191752;border-radius:14px;justify-content:center;align-items:center;gap:12px;padding:15px 20px;font-family:inherit;font-size:.94rem;font-weight:600;text-decoration:none;transition:background .18s,border-color .18s,box-shadow .18s;display:flex;box-shadow:inset 0 1px #fffc}.oauth-btn:hover{background:#fff;border-color:#1c191773;box-shadow:0 4px 20px #1c19170f}.oauth-btn.oauth-btn-primary{z-index:1;box-sizing:border-box;color:#fff;background:linear-gradient(135deg, var(--accent), #5b21b6);letter-spacing:-.02em;touch-action:manipulation;border:none;border-radius:12px;width:100%;min-height:48px;padding:14px 20px;font-size:.94rem;font-weight:800;position:relative;box-shadow:0 10px 28px #7c3aed40}.oauth-btn.oauth-btn-primary:hover{color:#fff;filter:brightness(1.02);background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;box-shadow:0 12px 32px #7c3aed52}.oauth-btn.oauth-btn-primary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.oauth-btn.oauth-btn-primary.oauth-btn-unavailable{opacity:.55;cursor:not-allowed;pointer-events:none;box-shadow:none;filter:grayscale(.15)}.oauth-stack-hint{margin:0;font-size:.8rem;line-height:1.45}.oauth-btn-mail{margin-top:0}.oauth-btn-ghost{background:#fafaf98c;border-color:#1c191738;padding:12px 18px;font-size:.88rem;font-weight:500}.auth-loading{opacity:.8;margin-bottom:0;font-size:.85rem}.oauth-fallback-msg{margin-top:0;margin-bottom:0;font-size:.82rem;line-height:1.5}.auth-bot-hint{max-width:420px;color:var(--muted);margin:clamp(20px,4vw,32px) 0 0;font-size:.72rem;line-height:1.55}.oauth-btn svg{flex-shrink:0}.register-section{border-top:1px solid var(--line);max-width:340px;margin-top:22px;padding-top:22px}.register-section h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:10px;font-family:inherit;font-size:.78rem;font-weight:800}.register-section .subtitle{margin-bottom:14px}.register-success{color:#15803d;background:#16a34a1a;border:1px solid #16a34a40;border-radius:10px;padding:10px 12px;font-size:.85rem;line-height:1.45}.mail-toggle{margin-top:4px}.email-auth-heading{letter-spacing:-.03em;color:var(--ink);align-items:center;gap:10px;max-width:340px;margin:0 0 6px;font-size:clamp(1.1rem,2.2vw,1.35rem);font-weight:800;display:flex}.email-auth-heading__icon{width:36px;height:36px;color:var(--accent);background:linear-gradient(135deg,#7c3aed26,#5b21b61f);border-radius:12px;justify-content:center;align-items:center;display:flex}.email-auth-heading__icon svg{width:20px;height:20px}.email-auth-subtitle{margin-bottom:18px!important}.form-block .submit-btn.oauth-btn-mail-submit{border-radius:9999px;justify-content:center;align-items:center;gap:10px;margin-top:10px;display:flex}.form-block .submit-btn.oauth-btn-mail-submit svg{flex-shrink:0;width:20px;height:20px}.legal{color:var(--muted);max-width:340px;margin-top:20px;font-size:.75rem;line-height:1.5}.legal a{color:var(--ink-soft);text-underline-offset:2px;font-weight:600;text-decoration:underline}.legal a:hover{color:var(--ink)}.form-block{border-top:1px solid var(--line);max-width:340px;margin-top:22px;padding-top:22px}.form-block label{color:var(--ink-soft);margin-bottom:6px;font-size:.78rem;font-weight:700;display:block}.form-block input{border:1px solid var(--line);background:#ffffffe6;border-radius:10px;width:100%;margin-bottom:14px;padding:12px 14px;font-family:inherit;font-size:1rem}.form-block input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.submit-btn{background:linear-gradient(135deg, var(--accent), #5b21b6);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:6px;padding:14px;font-family:inherit;font-size:.95rem;font-weight:800;box-shadow:0 10px 28px #7c3aed40}.submit-btn:hover{filter:brightness(1.05)}.err-banner{color:var(--err);background:#dc262614;border:1px solid #dc262633;border-radius:10px;max-width:340px;margin-bottom:16px;padding:10px 12px;font-size:.85rem}.links-row{color:var(--muted);margin-top:20px;font-size:.84rem;line-height:1.7}.links-row a{color:var(--accent);font-weight:700;text-decoration:none}.links-row a:hover{text-decoration:underline}.mosaic-col{z-index:0;pointer-events:none;justify-content:center;align-items:center;padding:clamp(16px,3vw,40px) clamp(12px,2.5vw,28px) clamp(16px,3vw,40px) clamp(8px,1.5vw,16px);display:none;position:relative;overflow:hidden}.mosaic-col:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 70% at 65% 38%,#ffbe8c80,#0000 55%),radial-gradient(50% 45% at 100% 12%,#fb718533,#0000 48%),radial-gradient(45% 38% at 0 88%,#fdba7426,#0000 42%);position:absolute;inset:-25%}@media (width>=900px){.mosaic-col{justify-content:center;align-items:stretch;padding:clamp(10px,1.6vw,24px) clamp(4px,.7vw,10px);display:flex}}.mosaic-film-gate{z-index:1;background:linear-gradient(#0c0a090f 0%,#0c0a0905 40%,#0c0a090a 100%);border-radius:20px;justify-content:center;align-items:stretch;gap:0;width:100%;max-width:min(960px,100%);height:min(100dvh - 24px,1080px);padding:8px 0;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff73,inset 0 1px #ffffffa6,0 24px 56px #1c19171a}.mosaic-film-perf{background-color:#1c19170f;background-image:repeating-linear-gradient(#0000 0 10px,#1c191724 10px 13px,#0000 13px 22px);border-radius:4px;flex-shrink:0;width:8px;box-shadow:inset 0 0 0 1px #ffffff59}.mosaic-film-perf--left{border-radius:10px 4px 4px 10px;margin-right:2px}.mosaic-film-perf--right{border-radius:4px 10px 10px 4px;margin-left:2px}.mosaic-film-reels{flex:1;gap:12px;min-width:0;max-width:calc(100% - 18px);display:flex}.mosaic-film-reel{border-radius:14px;flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 10% 90%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 10% 90%,#0000 100%)}.mosaic-film-track{will-change:transform;flex-direction:column;gap:clamp(14px,2vw,22px);width:100%;display:flex}.mosaic-film-track--up{animation:44s linear infinite mosaicFilmUp}.mosaic-film-track--down{animation:48s linear infinite mosaicFilmDown}@keyframes mosaicFilmUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes mosaicFilmDown{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@media (width>=900px) and (width<=1440px){.mosaic-film-gate{border-radius:22px;gap:0;max-width:min(1120px,74vw);height:min(100dvh - 20px,1100px);padding:10px 0}.mosaic-film-reels{gap:14px}.mosaic-film-perf{width:9px}.tile--photo{border-radius:16px;box-shadow:0 14px 36px #1c191729}}@media (width>=1441px){.mosaic-film-gate{max-width:min(1280px,62vw)}}.tile{border:1px solid #ffffffbf;border-radius:14px;flex-shrink:0;min-height:0;box-shadow:0 12px 32px #1c191721}.tile--photo{aspect-ratio:4/3;background:#e4cab0bf;overflow:hidden}.tile--photo img{object-fit:cover;object-position:center;filter:saturate(1.03)contrast(1.02);transform-origin:50%;width:100%;height:100%;display:block;transform:scale(1.06)}.email-otp-form,.email-otp-code-block{max-width:360px}.email-otp-code-title{letter-spacing:-.02em;color:var(--ink);margin:0 0 8px;font-size:1.12rem;font-weight:800}.email-otp-sent{margin-bottom:16px!important;font-size:.88rem!important;line-height:1.5!important}.email-otp-email{word-break:break-all;color:var(--ink)}.otp-cells{flex-wrap:wrap;justify-content:flex-start;gap:8px;margin-bottom:12px;display:flex}.otp-cell{text-align:center;border:1px solid var(--line);width:44px;height:48px;color:var(--ink);background:#ffffffc7;border-radius:10px;font-family:inherit;font-size:1.2rem;font-weight:700}.otp-cell:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:#0000}.otp-resend-row{justify-content:flex-end;min-height:1.5rem;margin-bottom:20px;display:flex}.otp-resend-wait{color:var(--muted);font-size:.82rem}.otp-resend-btn{font:inherit;color:var(--accent);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:.82rem;font-weight:600;text-decoration:underline}.otp-resend-btn:disabled{opacity:.45;cursor:not-allowed;text-decoration:none}.otp-actions-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.otp-back-link{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:.88rem;font-weight:600}.otp-back-link:hover{color:var(--accent)}.otp-actions-row .submit-btn{flex:1;min-width:132px}