*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--teal: #12b3b6;--teal-dark: #0d8e91;--text: #1a1a2e;--muted: #6b7280;--bg: #f0f2f5;--input-bg: #f4f7fb;--radius: 12px}body{font-family:DM Sans,sans-serif;background:var(--bg);min-height:100vh;display:flex;flex-direction:column}.topbar{padding:20px 40px}.logo{display:flex;align-items:center;gap:8px;text-decoration:none}.topbar .logo img{height:40px!important;width:auto!important;max-width:unset!important;-o-object-fit:contain;object-fit:contain}.logo-name{font-size:var(--text-lg);font-weight:700;color:var(--teal);letter-spacing:-.02em}.main{flex:1;display:grid;grid-template-columns:1fr 1fr;max-width:1100px;margin:0 auto;width:100%;padding:20px 40px 60px;align-items:center;gap:48px}.left-panel{display:flex;flex-direction:column;gap:32px}.intro p{font-size:var(--text-base);color:var(--muted);line-height:1.6;max-width:340px}.card{background:#fff;border-radius:20px;padding:40px 36px;box-shadow:0 2px 24px #0000000f}.card-title{font-size:var(--text-2xl);font-weight:700;color:var(--text);margin-bottom:8px;letter-spacing:-.03em}.card-subtitle{font-size:var(--text-base);color:var(--muted);line-height:1.55;margin-bottom:28px}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:var(--text-base);font-weight:600;color:var(--text);margin-bottom:7px}.input-wrap{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:14px;display:flex;align-items:center;pointer-events:none;color:var(--muted)}.input-icon img{width:16px;height:16px;opacity:.45}.input-icon svg{width:16px;height:16px;opacity:.5;stroke:var(--muted)}.input-wrap input{width:100%;background:var(--input-bg);border:1.5px solid transparent;border-radius:var(--radius);padding:13px 14px 13px 42px;font-family:inherit;font-size:var(--text-base);color:var(--text);outline:none;transition:border-color .2s,background .2s}.input-wrap input::-moz-placeholder{color:#adb5c2}.input-wrap input::placeholder{color:#adb5c2}.input-wrap input:focus{border-color:var(--teal);background:#fff}.btn-primary{display:block;width:100%;padding:14px;background:var(--teal);color:#fff;font-family:inherit;font-size:var(--text-md);font-weight:600;border:none;border-radius:var(--radius);cursor:pointer;transition:background .2s,transform .1s;margin-top:8px}.btn-primary:hover{background:var(--teal-dark)}.btn-primary:active{transform:scale(.985)}.back-link{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:22px;font-size:var(--text-base);color:var(--muted);text-decoration:none;transition:color .2s}.back-link:hover{color:var(--teal)}.back-link svg{width:15px;height:15px;flex-shrink:0;opacity:.55;transition:opacity .2s}.back-link:hover svg{opacity:1}.success-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:12px 0}.success-icon{width:72px;height:72px;background:#e6f9fb;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.success-icon svg{width:32px;height:32px;stroke:var(--teal)}.success-state h3{font-size:var(--text-lg);font-weight:700;color:var(--text);letter-spacing:-.02em}.success-state p{font-size:var(--text-base);color:var(--muted);line-height:1.6;max-width:280px}.resend-text{font-size:var(--text-sm);color:var(--muted);margin-top:4px}.resend-text a{color:var(--teal);text-decoration:none;font-weight:600}.resend-text a:hover{text-decoration:underline}.right-panel{border-radius:24px;overflow:hidden;min-height:480px}.right-panel img{width:100%;height:100%;min-height:480px;-o-object-fit:cover;object-fit:cover;display:block;border-radius:24px}.alert-error{display:flex;align-items:center;gap:8px;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:8px;padding:10px 14px;font-size:var(--text-base);margin-bottom:1rem}.alert-error svg{width:18px;height:18px;flex-shrink:0}@media (max-width: 768px){.right-panel{display:none}.topbar{padding:16px 20px}.main{grid-template-columns:1fr;padding:10px 20px 40px}}