:root{--primary-color: #ff8c42;--secondary-color: #ff5722}body{background:linear-gradient(135deg,#ff8c42,#ff5722);min-height:100vh;display:flex;align-items:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.auth-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.auth-header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;padding:2rem;text-align:center}.auth-header h2{font-weight:700;margin:0;font-size:1.75rem}.auth-body{padding:2.5rem}.form-control,.form-select{border-radius:10px;padding:.75rem 1rem;border:2px solid #e5e7eb;transition:all .3s ease}.form-control:focus,.form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 .2rem #ff8c4226}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border:none;border-radius:10px;padding:.75rem 2rem;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #ff8c424d;background:linear-gradient(135deg,#ff7a29,#e64a19)}.btn-outline-secondary{border-radius:10px;padding:.75rem 2rem;font-weight:600;border-width:2px}.form-label{font-weight:600;color:#374151;margin-bottom:.5rem}.input-group-text{background:#f3f4f6;border:2px solid #e5e7eb;border-right:none;border-radius:10px 0 0 10px}.input-group .form-control{border-left:none;border-radius:0 10px 10px 0}.input-group .form-control:focus{border-left:none}.alert{border-radius:10px;border:none}.divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #e5e7eb}.divider span{padding:0 1rem;color:#6b7280;font-size:.875rem}.link-primary{color:var(--primary-color);text-decoration:none;font-weight:600;transition:color .2s ease}.link-primary:hover{color:var(--secondary-color);text-decoration:underline}.logo{width:60px;height:60px;background:#fff;border-radius:15px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;box-shadow:0 4px 12px #0000001a}.logo i{font-size:2rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:576px){.auth-body{padding:1.5rem}}