:root{--auth-primary:#1e40af;--auth-primary-dark:#1e3a8a;--auth-secondary:#f59e0b;--auth-text:#1f2937;--auth-text-light:#6b7280;--auth-border:#e5e7eb;--auth-success:#10b981;--auth-error:#ef4444}.auth-page{min-height:100vh;color:var(--auth-text);background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);justify-content:center;align-items:center;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Microsoft YaHei,sans-serif;line-height:1.6;display:flex}.auth-container{background:#fff;border-radius:16px;grid-template-columns:1fr 1fr;width:100%;max-width:900px;display:grid;overflow:hidden;box-shadow:0 10px 40px #0000001a}.auth-container.register{max-width:1000px;max-height:95vh;overflow:visible}.auth-container.register .auth-left{border-radius:16px 0 0 16px}.auth-container.register .auth-right{border-radius:0 16px 16px 0;justify-content:flex-start;max-height:95vh;overflow-y:auto}.auth-left{color:#fff;background:linear-gradient(135deg,#1e40af 0%,#3b82f6 100%);flex-direction:column;justify-content:center;padding:3rem;display:flex}.auth-left.login{text-align:center;align-items:center}.auth-left h2{margin-bottom:1rem;font-size:2.2rem}.auth-left p{opacity:.9;margin-bottom:1.5rem;font-size:1.1rem}.auth-illustration{margin-bottom:2rem;font-size:6rem}.auth-highlight{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;margin-top:1.5rem;padding:1rem}.auth-highlight p{margin:0;font-size:.95rem}.auth-highlight p:last-child{opacity:.9;font-size:.85rem}.auth-stats{gap:2rem;margin-top:2rem;display:flex}.auth-stats .stat{flex:1}.auth-stats .stat .number{color:var(--auth-secondary);font-size:2rem;font-weight:700}.auth-stats .stat .label{opacity:.9;margin-top:.3rem;font-size:.9rem}.benefits-list{margin:0;padding:0;list-style:none}.benefits-list li{align-items:center;gap:1rem;padding:.8rem 0;font-size:1.05rem;display:flex}.benefits-list li .icon{color:var(--auth-secondary);flex-shrink:0;font-size:1.2rem}.benefits-list li .icon.highlight{color:var(--auth-secondary)}.auth-right{flex-direction:column;justify-content:center;max-height:100vh;padding:3rem;display:flex;overflow-y:auto}.auth-header{text-align:center;margin-bottom:2rem}.auth-header .logo{color:var(--auth-primary);margin-bottom:1rem;font-size:2rem;font-weight:700;text-decoration:none;display:block}.auth-header h3{color:var(--auth-primary);margin-bottom:.5rem;font-size:1.8rem}.auth-header p{color:var(--auth-text-light)}.auth-right .form-group{margin-bottom:1.2rem}.auth-right .form-group label{color:#374151;margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:block}.auth-right .form-group .required{color:var(--auth-error)}.auth-right .input-wrapper{align-items:center;display:flex;position:relative}.auth-right .input-wrapper .input-icon{color:var(--auth-text-light);pointer-events:none;font-size:1rem;position:absolute;left:12px}.auth-right .input-wrapper input,.auth-right .input-wrapper select{border:2px solid var(--auth-border);width:100%;color:var(--auth-text);background:#fff;border-radius:8px;outline:none;padding:.8rem .9rem .8rem 2.5rem;font-family:inherit;font-size:1rem;transition:border-color .3s}.auth-right .input-wrapper input:focus,.auth-right .input-wrapper select:focus{border-color:var(--auth-primary)}.auth-right .input-wrapper input.error{border-color:var(--auth-error)}.auth-btn{background:var(--auth-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1rem;padding:.9rem;font-size:1.1rem;font-weight:600;transition:background .3s;display:flex}.auth-btn:hover{background:var(--auth-primary-dark)}.auth-btn:disabled{opacity:.7;cursor:not-allowed}.form-options{justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.9rem;display:flex}.form-options a{color:var(--auth-primary);text-decoration:none}.form-options a:hover{text-decoration:underline}.auth-link{text-align:center;color:var(--auth-text-light);margin-top:1.5rem}.auth-link a{color:var(--auth-primary);font-weight:600;text-decoration:none}.auth-link a:hover{text-decoration:underline}.back-link{text-align:center;border-top:1px solid var(--auth-border);margin-top:2rem;padding-top:2rem}.back-link a{color:var(--auth-text-light);font-size:.9rem;text-decoration:none}.back-link a:hover{color:var(--auth-primary)}.auth-alert{border-radius:8px;margin-bottom:1rem;padding:.8rem 1rem;font-size:.95rem}.auth-alert.error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.auth-alert.success{color:#065f46;background:#d1fae5;border:1px solid #a7f3d0}.auth-alert.info{color:#1e40af;background:#dbeafe;border:1px solid #bfdbfe}.field-error{color:var(--auth-error);margin-top:.3rem;font-size:.85rem}.auth-divider{color:var(--auth-text-light);border-bottom:1px solid var(--auth-border);margin:1.5rem 0 1rem;padding-bottom:.5rem;font-size:.85rem;font-weight:600}.auth-checkbox{align-items:flex-start;gap:.5rem;margin-bottom:1rem;font-size:.9rem;display:flex}.auth-checkbox input[type=checkbox]{flex-shrink:0;margin-top:.2rem}.auth-checkbox a{color:var(--auth-primary)}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.auth-success{text-align:center;padding:2rem}.auth-success .icon{color:var(--auth-success);margin-bottom:1rem;font-size:4rem}.auth-success h2{color:var(--auth-text);margin-bottom:.5rem}.auth-success p{color:var(--auth-text-light);margin-bottom:1.5rem}@media (width<=768px){.auth-page{align-items:flex-start;padding:1rem}.auth-container,.auth-container.register{border-radius:12px;grid-template-columns:1fr;max-width:100%}.auth-left{display:none}.auth-right{justify-content:flex-start;max-height:none;padding:1.5rem 1rem;overflow-y:visible}.auth-page{height:auto;min-height:100vh}.form-row{grid-template-columns:1fr}}
