body{background:linear-gradient(135deg,#4f46e5,#3b82f6);height:100vh;margin:0;font-family:Roboto,sans-serif;display:flex;align-items:center;justify-content:center}.card{background:#fffc;border:none;border-radius:1rem;box-shadow:0 8px 24px #00000026;overflow:hidden;transition:transform .4s ease,box-shadow .4s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;max-width:400px}.card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #0003}.card-header{background:transparent;border-bottom:none;text-align:center;padding:2rem 1.5rem}.card-header img.avatar{width:96px;height:96px;border-radius:50%;border:4px solid rgba(255,255,255,.6);margin-bottom:1rem;box-shadow:0 4px 12px #0000001a}.card-header h3{margin:0;font-size:1.75rem;font-weight:700;color:#333;letter-spacing:.5px}.card-body{padding:1.5rem}.form-control{border-radius:.75rem;border:1px solid #ddd;padding:.75rem 1rem;font-size:.95rem;transition:border-color .3s,box-shadow .3s}.form-control:focus{border-color:#3b82f6;box-shadow:0 0 8px #3b82f64d;outline:none}.btn-primary{display:block;width:100%;padding:.75rem 1rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(90deg,#4f46e5,#3b82f6);border:none;border-radius:.75rem;transition:transform .3s,box-shadow .3s}.btn-primary:hover{transform:scale(1.03);box-shadow:0 6px 20px #3b82f666}.form-group a{font-size:.9rem;color:#3b82f6;transition:color .2s}.form-group a:hover{color:#1e40af;text-decoration:underline}.small,.text-muted{color:#666!important}.card-footer{background:#ffffffe6;padding:1rem;text-align:center}.card-footer p{margin:0;font-size:.9rem;color:#555}.card-footer p a{color:#3b82f6;font-weight:600;text-decoration:none}.card-footer p a:hover{color:#1e40af}