: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-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-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}}