*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a0f;color:#f0f0f5;font-family:DM Sans,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center}.box{background:#111118;border:1px solid hsla(0,0%,100%,.08);border-radius:20px;padding:40px;width:100%;max-width:400px;margin:24px}.logo{font-family:Syne,sans-serif;font-weight:800;font-size:24px;text-align:center;margin-bottom:8px}.logo span{color:#4ae88a}.subtitle{text-align:center;color:#8a8a9a;font-size:14px;margin-bottom:32px}.tabs{display:flex;background:hsla(0,0%,100%,.04);border-radius:10px;padding:4px;margin-bottom:24px}.tab{flex:1 1;padding:8px;border-radius:7px;font-size:14px;font-weight:500;color:#8a8a9a;cursor:pointer;text-align:center;border:none;background:transparent;font-family:inherit;transition:all .2s}.tab.active{background:#4ae88a;color:#0a0a0f}label{font-size:13px;color:#8a8a9a;display:block;margin-bottom:6px}input{width:100%;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.15);border-radius:10px;padding:12px 16px;color:#f0f0f5;font-size:14px;font-family:inherit;outline:none;margin-bottom:16px;transition:border-color .2s}input:focus{border-color:#4ae88a}.submit{width:100%;background:#4ae88a;color:#0a0a0f;border:none;padding:14px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;transition:opacity .2s;margin-top:4px}.submit:hover{opacity:.85}.submit:disabled{opacity:.5;cursor:not-allowed}.msg{margin-top:16px;padding:12px;border-radius:8px;font-size:13px;text-align:center}.msg.ok{background:rgba(74,232,138,.1);color:#4ae88a;border:1px solid rgba(74,232,138,.2)}.msg.err{background:rgba(255,74,106,.1);color:#ff4a6a;border:1px solid rgba(255,74,106,.2)}.back{display:block;text-align:center;margin-top:20px;font-size:13px;color:#4a4a5a;text-decoration:none}.back:hover{color:#8a8a9a}