body{overflow-x:clip;width:100%;background:linear-gradient(135deg,#020617 0%,#111827 100%);color:#e5e7eb;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.breadcrumb{background:rgba(17,24,39,0.6);padding:15px 0;margin:20px 0;border-radius:10px}.breadcrumb-item a{color:#8b5cf6;text-decoration:none}.breadcrumb-item.active{color:#e5e7eb}.page-header{padding:60px 0 40px;text-align:center}h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem}h2{color:#8b5cf6;margin:40px 0 20px;font-weight:600;font-size:1.8rem}h3{color:#6366f1;margin:30px 0 15px;font-size:1.4rem}.login-container{max-width:500px;margin:0 auto;padding:40px 0}.login-form{background:rgba(17,24,39,0.8);border:2px solid rgba(139,92,246,0.4);border-radius:20px;padding:40px;box-shadow:0 8px 32px rgba(139,92,246,0.3)}.form-label{color:#e5e7eb;font-weight:500;margin-bottom:8px}.form-control{background:rgba(17,24,39,0.6);border:1px solid rgba(139,92,246,0.3);color:#e5e7eb;padding:12px 15px;border-radius:10px;transition:all 0.3s ease}.form-control:focus{background:rgba(17,24,39,0.8);border-color:#8b5cf6;box-shadow:0 0 15px rgba(139,92,246,0.4);color:#e5e7eb}.form-control::placeholder{color:#9ca3af}.form-check-input{background-color:rgba(17,24,39,0.6);border:1px solid rgba(139,92,246,0.3)}.form-check-input:checked{background-color:#8b5cf6;border-color:#8b5cf6}.form-check-label{color:#e5e7eb}.btn-login{background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border:none;padding:15px;border-radius:12px;font-weight:600;font-size:1.2rem;width:100%;box-shadow:0 4px 15px rgba(139,92,246,0.4);transition:all 0.3s ease;color:var(--text-light);margin-top:20px}.btn-login:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(139,92,246,0.6)}.feature-card{background:rgba(17,24,39,0.8);border:1px solid rgba(139,92,246,0.3);border-radius:15px;padding:30px;margin-bottom:30px;box-shadow:0 8px 32px rgba(139,92,246,0.2);transition:all 0.3s ease;height:100%}.feature-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(139,92,246,0.4);border-color:rgba(139,92,246,0.6)}.feature -icon{font-size:3rem;color:#8b5cf6;margin-bottom:1.5rem;text-shadow:0 0 20px rgba(139,92,246,0.6)}.info-box{background:rgba(99,102,241,0.1);border:2px solid rgba(99,102,241,0.4);border-radius:12px;padding:20px;margin:25px 0}.highlight-text{color:#8b5cf6;font-weight:600}.register-link{text-align:center;margin-top:20px;color:#e5e7eb}.register-link a{color:#8b5cf6;text-decoration:none;font-weight:600}.register-link a:hover{text-decoration:underline}.forgot-password{text-align:right;margin-top:10px}.forgot-password a{color:#8b5cf6;text-decoration:none;font-size:0.9rem}.forgot-password a:hover{text-decoration:underline}.social-login{margin-top:30px;padding-top:30px;border-top:1px solid rgba(139,92,246,0.3)}.social-btn{background:rgba(17,24,39,0.6);border:1px solid rgba(139,92,246,0.3);padding:12px;border-radius:10px;width:100%;margin-bottom:10px;transition:all 0.3s ease;color:#e5e7eb;font-weight:500}.social-btn:hover{border-color:rgba(139,92,246,0.6);transform:translateY(-2px);box-shadow:0 4px 15px rgba(139,92,246,0.3)}.cta-section{background:linear-gradient(135deg,rgba(139,92,246,0.2) 0%,rgba(99,102,241,0.2) 100%);border:2px solid rgba(139,92,246,0.4);border-radius:20px;padding:50px 30px;margin:50px 0;text-align:center}.btn-primary-custom{background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border:none;padding:15px 40px;border-radius:25px;font-weight:600;font-size:1.2rem;box-shadow:0 4px 15px rgba(139,92,246,0.4);transition:all 0.3s ease;color:var(--text-light);text-decoration:none;display:inline-block;margin:10px}.btn-primary-custom:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(139,92,246,0.6);color:var(--text-light)}.security-badge{background:rgba(17,24,39,0.8);border:2px solid rgba(139,92,246,0.4);border-radius:15px;padding:30px;margin:30px 0;text-align:center}.security-badge i{font-size:3rem;color:#8b5cf6;margin-bottom:15px}.benefit-item{background:rgba(17,24,39,0.6);border:1px solid rgba(139,92,246,0.3);border-radius:12px;padding:25px;margin-bottom:20px;transition:all 0.3s ease}.benefit-item:hover{border-color:rgba(139,92,246,0.6);transform:translateX(5px)}.benefit-item i{color:#8b5cf6;font-size:2rem;margin-right:15px}