*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#050505;color:#f5f2eb;font-family:'DM Sans',Arial,sans-serif}
body{min-height:100vh;overflow-x:hidden}
a{text-decoration:none;color:inherit}
.page{min-height:100vh;display:grid;grid-template-columns:minmax(0,50%) minmax(560px,50%);background:#050505}
.visual{position:relative;min-height:100vh;background-image:linear-gradient(90deg,rgba(0,0,0,.03) 0%,rgba(0,0,0,.08) 65%,rgba(0,0,0,.32) 100%),url('pexels-amirhadimanavimoghadam-38975616(4).jpg');background-size:cover;background-position:center center;background-repeat:no-repeat}
.visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,rgba(5,5,5,.36) 100%);pointer-events:none}
.card{width:min(590px,calc(100% - 64px));min-height:calc(100vh - 48px);margin:24px 48px 24px auto;padding:34px 42px 30px;background:#070707;border:1px solid rgba(212,166,55,.46);box-shadow:0 20px 60px rgba(0,0,0,.45);display:flex;flex-direction:column;justify-content:flex-start}
.top{display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:14px;min-width:0}
.mark{width:50px;height:50px;border:1px solid #d4a637;border-radius:50%;display:grid;place-items:center;color:#d4a637;font-family:Georgia,serif;font-size:27px;flex:0 0 auto}
.brand strong{display:block;font-family:'Playfair Display',Georgia,serif;font-size:25px;line-height:1;color:#f7f3eb;letter-spacing:.1px}
.brand small{display:block;margin-top:5px;color:#d4a637;font-size:8px;font-weight:700;letter-spacing:1.45px;white-space:nowrap}
.back{color:#d4a637;font-weight:700;font-size:12px;white-space:nowrap}
.divider{height:1px;background:rgba(255,255,255,.13);margin:24px 0 31px}
.kicker{display:block;color:#d4a637;font-size:12px;font-weight:800;letter-spacing:1.7px;margin-bottom:16px}
h1{margin:0;color:#fff;font-family:'Playfair Display',Georgia,serif;font-size:48px;line-height:1.02;font-weight:600;letter-spacing:-1.2px}
.intro{margin:14px 0 31px;color:#e6e2db;font-size:15px;line-height:1.65}
.field{margin-bottom:19px}
.field label{display:block;margin-bottom:9px;color:#d4a637;font-size:11px;font-weight:800;letter-spacing:1.35px}
.field input{width:100%;height:50px;padding:0 14px;border:1px solid rgba(255,255,255,.18);outline:none;background:#080808;color:#fff;font:500 14px 'DM Sans',Arial,sans-serif;transition:border-color .18s,box-shadow .18s}
.field input::placeholder{color:#77736d}
.field input:focus{border-color:#d4a637;box-shadow:0 0 0 2px rgba(212,166,55,.08)}
.password-wrap{position:relative}
.password-wrap input{padding-right:58px}
.eye{position:absolute;right:8px;top:7px;width:36px;height:36px;border:1px solid #d4a637;border-radius:9px;background:#fff;color:#9a711c;font-size:15px;cursor:pointer;display:grid;place-items:center}
.submit{width:100%;height:53px;border:0;margin-top:4px;background:linear-gradient(90deg,#f2c43d,#f7d15c);color:#0b0b0b;font-size:13px;font-weight:800;letter-spacing:.2px;cursor:pointer}
.submit:disabled{opacity:.7;cursor:wait}
.notice{display:none;margin-top:13px;padding:11px 13px;border:1px solid rgba(212,166,55,.35);font-size:12px;line-height:1.45}
.notice.error{color:#ffb4b0;background:rgba(180,35,35,.08)}
.notice.success{color:#a8e6bc;background:rgba(31,140,70,.08)}
.bottom{text-align:center;margin-top:21px;color:#85817a;font-size:13px}
.bottom a{color:#f1c43e;font-weight:800}
.secure{text-align:center;margin-top:15px;color:#57534c;font-size:10px;letter-spacing:.15px}
@media(max-width:1000px){.page{grid-template-columns:44% 56%}.card{width:calc(100% - 34px);margin:17px 17px 17px auto;padding:28px 30px}h1{font-size:42px}}
@media(max-width:760px){.page{display:block;min-height:100vh}.visual{position:fixed;inset:0;min-height:100vh}.visual:after{background:rgba(0,0,0,.62)}.card{position:relative;width:calc(100% - 28px);min-height:calc(100vh - 28px);margin:14px auto;padding:25px 24px;background:rgba(7,7,7,.94)}h1{font-size:38px}.brand strong{font-size:22px}.brand small{font-size:7px}.back{font-size:11px}.divider{margin:21px 0 27px}}