*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#171717;color:#e8eaed}*{font-family:inherit}#root{display:flex;flex-direction:column}.page{display:flex;flex-direction:column;flex:1}.page-main{flex:1;display:flex;align-items:center;justify-content:center}.app-card{display:flex;align-items:stretch;justify-content:space-between;width:min(960px,90vw);background:#202124;border-radius:28px;padding:40px 48px;box-shadow:0 18px 55px #0009;color:#e8eaed}.header-logo-container{position:absolute;top:24px;left:32px;z-index:10}.header-logo{width:40px;height:auto;object-fit:contain}.app-card-left{flex:1;padding-right:40px;display:flex;flex-direction:column;justify-content:center}.app-logo{width:50px;height:50px;object-fit:contain;margin-bottom:22px}.app-main-title{font-size:2.2rem;font-weight:500;margin:0 0 4px}.app-subtitle{margin:0;font-size:.95rem;color:#9aa0a6}.app-card-right{flex:1.1;display:flex;align-items:center}.form-wrapper{width:100%}.form-group{margin-bottom:18px}.form-label{display:block;font-size:.85rem;color:#e8eaed;margin-bottom:6px}.form-input{width:100%;padding:10px 12px;border-radius:4px;border:1px solid #5f6368;background:transparent;color:#e8eaed;font-size:.95rem;outline:none;transition:border .15s ease,box-shadow .15s ease,background .15s ease}.form-input::placeholder{color:#9aa0a6}.form-input:focus{border-color:#8ab4f8;box-shadow:0 0 0 1px #8ab4f8;background:#202124}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:30px;margin-top:8px}.form-secondary-link{font-size:.9rem;color:#8ab4f8;background:transparent;border:none;padding:0;cursor:pointer;text-decoration:none}.form-secondary-link:hover{text-decoration:underline}.primary-button{min-width:96px;padding:8px 20px;border-radius:999px;border:none;background:#8ab4f8;color:#202124;font-weight:500;font-size:.95rem;cursor:pointer;transition:background .12s ease,box-shadow .12s ease,transform .05s ease}.primary-button:hover{background:#a1c3ff;box-shadow:0 1px 2px #0006}.primary-button:active{transform:translateY(1px);box-shadow:none}.primary-button:disabled{opacity:.7;cursor:default}.form-status{margin-top:10px;font-size:.85rem}.form-status.success,.form-status.error{color:#f28b82}.toggle-wrapper{display:flex;align-items:center;gap:8px}.toggle-wrapper .form-input{flex:1}.toggle-btn{border:none;background:transparent;color:#8ab4f8;font-size:.85rem;cursor:pointer;padding:0;white-space:nowrap}.toggle-btn:hover{text-decoration:underline}.toggle-container{position:relative;width:100%}.toggle-container .form-input{width:100%;padding-right:60px}.toggle-btn-abs{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:#8ab4f8;font-size:.85rem;cursor:pointer;padding:0}.toggle-btn-abs:hover{text-decoration:underline}.page-footer{display:flex;justify-content:space-between;align-items:center;padding:0 72px 24px;font-size:.8rem;color:#9aa0a6}.footer-left,.footer-right{display:flex;align-items:center}.footer-lang-btn{border:none;background:transparent;color:inherit;font:inherit;display:inline-flex;align-items:center;gap:4px;cursor:pointer;padding:0}.footer-lang-caret{font-size:.7rem}.footer-links{display:flex;gap:24px}.footer-link-btn{border:none;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:0}.footer-lang-btn:hover,.footer-link-btn:hover{color:#e8eaed}@media(max-width:768px){.app-card{flex-direction:column;padding:24px;border-radius:20px}.app-card-left{padding-right:0;margin-bottom:20px}.page-footer{padding:0 24px 16px;font-size:.75rem}.footer-links{gap:16px}}