*,:before,:after{box-sizing:border-box}body{color:#333;-webkit-font-smoothing:antialiased;background-color:#efe9dc;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}button,input{font-family:inherit}.app-wrapper{isolation:isolate;background-color:#efe9dc;justify-content:center;align-items:center;width:100%;height:100vh;padding-top:64px;display:flex;position:relative;overflow:hidden}.background-layer{z-index:0;will-change:transform;background-color:#efe9dc;background-image:url(https://opis-cdn.tinkoffjournal.ru/mercury/how-to-play-chess-in.tgrgmi..jpg?preset=image_1280w);background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.15)}.background-overlay{z-index:1;pointer-events:none;background:#00000059;position:absolute;inset:0}.header{z-index:20;background-color:#efe9dc;justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex;position:absolute;top:0;left:0;right:0;box-shadow:0 2px 12px #00000040}.header-logo{color:#3b382f;cursor:pointer;background:0 0;border:none;padding:0;font-size:22px;font-weight:700}.header-button{color:#efe9dc;cursor:pointer;background-color:#706c61;border:none;border-radius:8px;padding:10px 22px;font-size:15px;font-weight:700;transition:background-color .2s}.header-button:hover{background-color:#5c5950}.landing{z-index:10;text-align:center;padding:0 24px;position:relative}.landing-title{color:#efe9dc;text-shadow:0 4px 24px #00000080;max-width:800px;margin:0;font-size:44px;font-weight:600}@media (width<=600px){.landing-title{font-size:28px}.header{padding:0 16px}}.auth-container{z-index:10;color:#3b382f;background-color:#efe9dc;border-radius:16px;width:100%;max-width:400px;max-height:calc(100vh - 96px);padding:40px;animation:.35s ease-out auth-appear;position:relative;overflow-y:auto;box-shadow:0 20px 50px #00000059}@media (width<=440px){.auth-container{border-radius:12px;padding:28px 20px}}@keyframes auth-appear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.auth-title{text-align:center;color:#3b382f;margin:0 0 6px;font-size:28px}.auth-subtitle{text-align:center;color:#706c61;margin:0 0 24px;font-size:14px}.google-button{color:#3c4043;cursor:pointer;background-color:#fff;border:1px solid #d6cfbf;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;padding:13px;font-size:15px;font-weight:600;transition:background-color .2s,box-shadow .2s;display:flex}.google-button:hover{background-color:#f8f6f1;box-shadow:0 2px 8px #0000001f}.auth-divider{color:#8a8578;align-items:center;gap:12px;margin:20px 0;font-size:13px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background-color:#d6cfbf;flex:1;height:1px}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-input{color:#333;background-color:#fff;border:1px solid #d6cfbf;border-radius:8px;padding:14px;font-size:16px;transition:border-color .2s,box-shadow .2s}.auth-input:focus{border-color:#706c61;outline:none;box-shadow:0 0 0 3px #706c6140}.code-input{text-align:center;letter-spacing:8px;font-size:24px}.auth-error{color:#a63030;background-color:#c83c3c1f;border-radius:8px;padding:10px 12px;font-size:14px}.auth-info{color:#2f7a46;background-color:#3c8c5024;border-radius:8px;padding:10px 12px;font-size:14px}.auth-button{color:#efe9dc;cursor:pointer;background-color:#706c61;border:none;border-radius:8px;margin-top:6px;padding:15px;font-size:16px;font-weight:700;transition:background-color .2s}.auth-button:hover{background-color:#5c5950}.auth-switch{text-align:center;color:#706c61;margin:18px 0 0;font-size:14px}.auth-link{color:#3b382f;cursor:pointer;background:0 0;border:none;margin-left:6px;padding:0;font-size:14px;font-weight:700;text-decoration:underline}.auth-link:hover{color:#706c61}.forgot-link{align-self:flex-end;margin:-6px 0 0;font-size:13px;font-weight:400}.auth-button:disabled,.auth-link:disabled{opacity:.6;cursor:not-allowed}.header-logo:focus-visible,.header-button:focus-visible,.google-button:focus-visible,.auth-button:focus-visible,.auth-link:focus-visible{outline-offset:2px;outline:3px solid #706c61}@media (prefers-reduced-motion:reduce){.auth-container{animation:none}.auth-input,.auth-button,.google-button,.header-button{transition:none}}