:root{--yakka-green:#0f8d3e;--yakka-green-hover:#5aae5d;--yakka-green-soft:#0f8d3e2e;--yakka-form-bg:#fafaf7;--yakka-border:#d0d2d8;--yakka-font-scale:1.2}*,:before,:after{box-sizing:border-box}.sign-in-page{color:#111;background:#0a0a0f;justify-content:flex-end;align-items:stretch;min-height:100dvh;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow:hidden}.sign-in-video-wrap{z-index:0;position:fixed;inset:0;overflow:hidden}.sign-in-video{object-fit:cover;object-position:center;width:100%;height:100%;transform:scale(1.02)}.sign-in-video-overlay{background:linear-gradient(105deg,#000000b8,#00000059 42%,#0000008c),radial-gradient(ellipse 70% 60% at 18% 50%,var(--yakka-green-soft),transparent 62%);pointer-events:none;position:absolute;inset:0}.sign-in-brand{z-index:1;pointer-events:none;max-width:min(480px,40vw);animation:.7s ease-out sign-in-brand-in;position:fixed;top:50%;left:clamp(20px,5vw,64px);transform:translateY(-50%)}.sign-in-brand__logo-row{align-items:center;gap:10px;margin-bottom:18px;display:flex}.sign-in-brand__logo{object-fit:cover;filter:drop-shadow(0 4px 12px #00000073);border-radius:50%;width:52px;height:52px}.sign-in-brand__name{color:#fff;letter-spacing:.14em;text-shadow:0 2px 16px #00000080;margin:0;font-size:28px;font-weight:900}.sign-in-brand__headline{color:#fff;letter-spacing:-.02em;text-shadow:0 4px 24px #0000008c;margin:0;font-size:clamp(36px,4.2vw,52px);font-weight:900;line-height:1.05}.sign-in-brand__accent{background:linear-gradient(90deg,var(--yakka-green),#0f8d3e33);border-radius:2px;width:72px;height:3px;margin:16px 0;box-shadow:0 0 20px #0f8d3e73}.sign-in-brand__subtitle{color:#ffffffc7;max-width:420px;margin:0;font-size:clamp(15px,1.6vw,18px);font-weight:500;line-height:1.45}.sign-in-form-panel{z-index:2;background:0 0;flex:0 0 min(100%,520px);justify-content:center;align-items:center;width:min(100%,520px);min-height:100dvh;margin:0 clamp(12px,3vw,40px) 0 auto;padding:20px 0;display:flex;position:relative}.sign-in-form-panel__inner{width:100%;max-width:calc(420px*var(--yakka-font-scale));-webkit-backdrop-filter:blur(22px)saturate(140%);background:#0c0e186b;border:1px solid #ffffff24;border-radius:24px;padding:28px 24px 32px;animation:.55s ease-out 80ms both sign-in-card-in;position:relative;box-shadow:0 0 0 1px #ffffff0d,inset 0 1px #ffffff14,0 28px 72px #00000073}.sign-in-form-panel__inner:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#0f8d3e59,#ffffff2e 28%,#ffffff0a 52%,#0f8d3e26);border-radius:25px;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.sign-in-form-panel__welcome{text-align:center;font-weight:900;font-size:calc(30px*var(--yakka-font-scale));color:#fff;margin:0;line-height:1.1}.sign-in-form-panel__hint{margin:calc(10px*var(--yakka-font-scale))0 0;text-align:center;font-size:calc(16px*var(--yakka-font-scale));color:#ffffff9e;line-height:1.35}.sign-in-auth-panel{margin-top:calc(24px*var(--yakka-font-scale))}.sign-in-tabs{margin-bottom:calc(22px*var(--yakka-font-scale));background:#ffffff14;border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.sign-in-tab{height:calc(42px*var(--yakka-font-scale));color:#ffffff8c;font-family:inherit;font-size:calc(15px*var(--yakka-font-scale));cursor:pointer;background:0 0;border:none;border-radius:11px;font-weight:600}.sign-in-tab.is-active{color:#111;background:#fff;box-shadow:0 4px 14px #0000002e}.sign-in-check-row{margin-bottom:calc(20px*var(--yakka-font-scale));color:#ffffffb8;font-size:calc(13px*var(--yakka-font-scale));align-items:flex-start;gap:10px;line-height:1.4;display:flex}.sign-in-check-row input{accent-color:var(--yakka-green);margin-top:3px}.sign-in-check-row a{color:var(--yakka-green-hover);text-decoration:none}.sign-in-check-row a:hover{text-decoration:underline}.sign-in-field{margin-bottom:calc(20px*var(--yakka-font-scale))}.sign-in-field label{font-size:calc(13px*var(--yakka-font-scale));color:#ffffffc7;margin-bottom:6px;font-weight:600;display:block}.sign-in-input{width:100%;height:calc(48px*var(--yakka-font-scale));padding:0 calc(14px*var(--yakka-font-scale));border-radius:calc(8px*var(--yakka-font-scale));font-family:inherit;font-size:calc(15px*var(--yakka-font-scale));color:#fff;background:#ffffff12;border:1px solid #ffffff24}.sign-in-input::placeholder{color:#ffffff61}.sign-in-input:focus{border-color:#0f8d3ea6;outline:none;box-shadow:0 0 0 1px #0f8d3e4d}.sign-in-input-wrap{position:relative}.sign-in-input-wrap .sign-in-input{padding-right:calc(44px*var(--yakka-font-scale))}.sign-in-toggle-password{top:50%;right:calc(10px*var(--yakka-font-scale));cursor:pointer;color:#ffffff8c;background:0 0;border:none;padding:4px;line-height:0;position:absolute;transform:translateY(-50%)}.sign-in-row{margin-bottom:calc(24px*var(--yakka-font-scale));justify-content:flex-end;align-items:center;gap:12px;display:flex}.sign-in-link{color:var(--yakka-green-hover);font-family:inherit;font-size:calc(14px*var(--yakka-font-scale));cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;text-decoration:none}.sign-in-link:hover{color:var(--yakka-green);text-decoration:underline}.sign-in-btn{width:100%;height:calc(48px*var(--yakka-font-scale));border-radius:calc(8px*var(--yakka-font-scale));background:var(--yakka-green);color:#fff;font-family:inherit;font-size:calc(16px*var(--yakka-font-scale));cursor:pointer;border:none;font-weight:700;transition:background .15s,opacity .15s}.sign-in-btn:hover:not(:disabled){background:var(--yakka-green-hover)}.sign-in-btn:disabled{opacity:.65;cursor:not-allowed}.sign-in-divider{margin:calc(22px*var(--yakka-font-scale))0 calc(16px*var(--yakka-font-scale));color:#ffffff7a;font-size:calc(13px*var(--yakka-font-scale));align-items:center;gap:12px;font-weight:600;display:flex}.sign-in-divider:before,.sign-in-divider:after{content:"";background:#ffffff29;flex:1;height:1px}.sign-in-social-btn{width:100%;height:calc(48px*var(--yakka-font-scale));margin-bottom:calc(10px*var(--yakka-font-scale));border-radius:calc(8px*var(--yakka-font-scale));color:#1f1f1f;font-family:inherit;font-size:calc(15px*var(--yakka-font-scale));cursor:pointer;background:#fff;border:1px solid #ffffff2e;justify-content:center;align-items:center;gap:10px;font-weight:700;display:inline-flex}.sign-in-social-btn:hover:not(:disabled){background:#f3f4f6}.sign-in-social-btn:disabled{opacity:.65;cursor:not-allowed}.sign-in-social-btn--phone{color:#fff;background:#ffffff14}.sign-in-social-btn--phone:hover:not(:disabled){background:#ffffff24}.sign-in-phone-step{gap:calc(14px*var(--yakka-font-scale));flex-direction:column;display:flex}.sign-in-recaptcha{background:#fff;border-radius:8px;justify-content:center;min-height:78px;padding:8px;display:flex}.sign-in-phone-back{color:#ffffffc7;font:inherit;font-size:calc(14px*var(--yakka-font-scale));cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-weight:650}.sign-in-phone-back:disabled{opacity:.6;cursor:not-allowed}.sign-in-phone-title{color:#fff;font-size:calc(22px*var(--yakka-font-scale));margin:0;line-height:1.2}.sign-in-phone-copy{margin:calc(-6px*var(--yakka-font-scale))0 0;color:#ffffffad;font-size:calc(14px*var(--yakka-font-scale));line-height:1.45}.sign-in-phone-number{color:#fff;font-weight:700}.sign-in-otp{letter-spacing:.35em;font-size:calc(22px*var(--yakka-font-scale));text-align:center}.sign-in-country{position:relative}.sign-in-country__trigger,.sign-in-country__option{color:#fff;width:100%;font:inherit;text-align:left;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;align-items:center;gap:10px;display:flex}.sign-in-country__trigger{height:calc(48px*var(--yakka-font-scale));padding:0 calc(12px*var(--yakka-font-scale));border-radius:calc(8px*var(--yakka-font-scale))}.sign-in-country__trigger:disabled{opacity:.65;cursor:not-allowed}.sign-in-country__name,.sign-in-country__option span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sign-in-country__dial{color:#ffffff9e;font-variant-numeric:tabular-nums}.sign-in-country__menu{z-index:4;background:#16161c;border:1px solid #ffffff29;border-radius:12px;padding:8px;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 18px 40px #00000059}.sign-in-country__search{margin-bottom:8px}.sign-in-country__list{max-height:240px;margin:0;padding:0;list-style:none;overflow:auto}.sign-in-country__label,.sign-in-country__empty{color:#ffffff7a;font-size:calc(12px*var(--yakka-font-scale));letter-spacing:.04em;text-transform:uppercase;padding:8px 10px 4px;font-weight:700}.sign-in-country__empty{text-transform:none;letter-spacing:0;font-weight:500}.sign-in-country__option{background:0 0;border:0;border-radius:8px;padding:8px 10px}.sign-in-country__option:hover,.sign-in-country__option.is-selected{background:#ffffff14}.sign-in-error{margin:0 0 calc(16px*var(--yakka-font-scale));padding:calc(10px*var(--yakka-font-scale))calc(12px*var(--yakka-font-scale));border-radius:calc(8px*var(--yakka-font-scale));color:#ffc9c5;font-size:calc(14px*var(--yakka-font-scale));background:#8e211e59;border:1px solid #f5c2c059;line-height:1.4}.sign-in-terms{margin:calc(14px*var(--yakka-font-scale))0 0;text-align:center;font-size:calc(12px*var(--yakka-font-scale));color:#ffffff85;line-height:1.45}.sign-in-terms a{color:var(--yakka-green-hover);text-decoration:none}.sign-in-terms a:hover{text-decoration:underline}@keyframes sign-in-brand-in{0%{opacity:0;transform:translateY(calc(16px - 50%))}to{opacity:1;transform:translateY(-50%)}}@keyframes sign-in-card-in{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:899px){.sign-in-brand{display:none}.sign-in-page{flex-direction:column;justify-content:flex-end}.sign-in-form-panel{flex:auto;align-items:flex-end;width:100%;min-height:auto;margin:0;padding:0 16px 24px}.sign-in-video-overlay{background:linear-gradient(#00000059,#0000008c 38%,#000000d1)}}@media (prefers-reduced-motion:reduce){.sign-in-brand,.sign-in-form-panel__inner{animation:none}.sign-in-video{display:none}}
