:root{--bg1: #f7e6eb;--bg2: #efd0d8;--card: #ffffff;--text: #3a2f34;--muted: #8b7d82;--line: #e7cbd3;--accent: #f0b7c5;--accent2: #ebb0bf;--shadow: 0 20px 55px rgba(0, 0, 0, .18)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text)}.bg{position:fixed;inset:0;background:radial-gradient(1200px 600px at 50% 20%,rgba(255,255,255,.75),transparent 60%),radial-gradient(900px 420px at 50% 55%,rgba(255,255,255,.35),transparent 60%),linear-gradient(180deg,var(--bg1),var(--bg2))}.wrap{position:relative;min-height:100%;display:grid;place-items:center;padding:40px 18px}.card{width:min(980px,100%);min-height:430px;background:var(--card);border-radius:18px;box-shadow:var(--shadow);display:grid;grid-template-columns:1.05fr .05fr .9fr;overflow:hidden}.left{padding:44px 56px;display:flex;flex-direction:column;gap:18px}.brand{display:flex;align-items:center;gap:14px}.brand__logo{width:64px;height:64px;border-radius:999px;background:linear-gradient(180deg,#f1c2ce,#e9b0bf);display:grid;place-items:center;overflow:hidden}.brand__logo img{width:64px;height:64px;object-fit:cover}.brand__text h1{margin:0;font-size:28px}.brand__text p{margin:2px 0 0;font-size:11px;letter-spacing:2px;color:var(--muted)}.title{margin:8px 0;font-size:32px;font-weight:700;text-align:center}.form{display:flex;flex-direction:column;gap:14px}.field span{font-size:14px;color:var(--muted)}.input{position:relative;border-bottom:2px solid var(--line);padding:10px 44px 10px 0}.input input{width:100%;border:0;outline:none;background:transparent;font-size:15px}.icon{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:22px;height:22px;color:#8b7d82}.btn{margin-top:8px;padding:12px;border-radius:999px;border:0;font-weight:600;cursor:pointer;background:linear-gradient(180deg,var(--accent),var(--accent2));box-shadow:0 10px 18px #ebb0bf59}.slash{position:relative}.slash:before{position:absolute;inset:-40px -70px;background:linear-gradient(90deg,transparent 45%,rgba(240,183,197,.35) 100%);transform:skew(-10deg)}.right{background:linear-gradient(180deg,#f6c5d0,#f1b8c5);display:flex;align-items:center;justify-content:center;padding:40px}.right__content{text-align:center}.right__content h3{font-size:26px;margin-bottom:6px}.right__content p{font-size:14px;color:#56474f}.mock{margin-top:18px;width:260px;height:180px;border-radius:14px;overflow:hidden;box-shadow:0 16px 30px #0000002e}.mock img{width:100%;height:100%;object-fit:cover}.alert--error{background:#ffe9ec;border:1px solid #ffb8c2;padding:10px;border-radius:12px;font-size:14px}@media(max-width:900px){.card{grid-template-columns:1fr}.right,.slash{display:none}.left{padding:32px 22px}}.field.floating{position:relative;margin-bottom:18px}.field.floating input{width:100%;border:0;border-bottom:2px solid var(--line);background:transparent;padding:14px 4px 8px;font-size:15px;outline:none;color:var(--text)}.field.floating label{position:absolute;left:4px;top:14px;font-size:15px;color:var(--muted);pointer-events:none;transition:all .25s ease;background:transparent}.field.floating input:focus+label,.field.floating input:not(:placeholder-shown)+label{top:-6px;font-size:12px;color:#9b6c7a}.field.floating input:focus{border-bottom-color:#e4a6b6}.icon-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);width:44px;height:44px;display:grid;place-items:center;background:transparent;border:0;border-radius:999px;cursor:pointer;color:#8b7d82;-webkit-tap-highlight-color:transparent}.icon-btn:hover{color:#5f4a52;background:#ffffff59}.icon-btn:active{transform:translateY(-50%) scale(.97)}.icon-btn svg{width:22px;height:22px;pointer-events:none}.field.floating.has-icon input{padding-right:52px}