body{align-items:center;background:radial-gradient(circle at 50% 30%,#1e1e2f 0,#0f0f13 100%)!important;color:#e3e3e3;display:flex;flex-direction:column;font-family:Source Sans Pro,sans-serif;justify-content:center;margin:0;min-height:100vh}.main-container{max-width:500px;padding:20px;text-align:center;width:100%}.logo-img{filter:drop-shadow(0 0 15px rgba(59,130,246,.4));margin-bottom:30px;max-width:250px}.logo-img-blue{margin-bottom:20px;max-width:280px}.login-card{backdrop-filter:blur(10px);background:rgba(30,30,40,.6);border:1px solid rgba(59,130,246,.2);border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.5);margin-bottom:40px;padding:40px}.services-section{margin-top:20px}.services-title{color:#9c9cff;font-size:14px;font-weight:600;letter-spacing:2px;margin-bottom:20px;opacity:.8;text-transform:uppercase}.x-input-wrapper{background:hsla(0,0%,100%,.05);border:1px solid #3b82f6;border-radius:50px;box-shadow:0 0 15px rgba(59,130,246,.3),inset 0 0 10px rgba(59,130,246,.1);margin-bottom:40px;padding:8px;transition:all .3s ease}.x-input-wrapper:focus-within,.x-input-wrapper:hover{border-color:#60a5fa;box-shadow:0 0 20px rgba(59,130,246,.5),inset 0 0 15px rgba(59,130,246,.2)}.x-input-wrapper input.form-control{background:transparent;border:none;box-shadow:none;color:#fff;font-size:18px;height:45px}.x-input-wrapper input::-moz-placeholder{color:#6b7280}.x-input-wrapper input::placeholder{color:#6b7280}.x-input-wrapper .btn{background:transparent;border:none;color:#9ca3af;transition:color .2s}.x-input-wrapper .btn:hover{color:#fff}.x-chips-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.x-chip.btn-app{backdrop-filter:blur(10px);background:rgba(30,30,40,.6);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;color:#d1d5db;height:auto;margin:0;min-width:120px;padding:15px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.x-chip.btn-app:hover{background:rgba(40,40,60,.8);border-color:hsla(0,0%,100%,.3);box-shadow:0 10px 20px rgba(0,0,0,.3);color:#fff;transform:translateY(-2px)}.x-chip i{display:block;font-size:24px;margin-bottom:8px}.x-chip:first-child{border-color:rgba(168,85,247,.3)}.x-chip:first-child:hover{box-shadow:0 0 15px rgba(168,85,247,.2)}.x-chip:first-child i{color:#a855f7}.x-chip:nth-child(2){border-color:rgba(59,130,246,.3)}.x-chip:nth-child(2):hover{box-shadow:0 0 15px rgba(59,130,246,.2)}.x-chip:nth-child(2) i{color:#3b82f6}.x-chip:nth-child(3){background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.4)}.x-chip:nth-child(3) i{color:#60a5fa}.x-chip:nth-child(4){border-color:rgba(16,185,129,.3)}.x-chip:nth-child(4):hover{box-shadow:0 0 15px rgba(16,185,129,.2)}.x-chip:nth-child(4) i{color:#10b981}.x-chip:nth-child(5){border-color:rgba(245,158,11,.3)}.x-chip:nth-child(5):hover{box-shadow:0 0 15px rgba(245,158,11,.2)}.x-chip:nth-child(5) i{color:#f59e0b}@media (max-width:768px){.x-chips-container{align-items:center;flex-direction:column}.x-chip.btn-app{align-items:center;display:flex;justify-content:center;margin-bottom:10px;max-width:300px;min-width:unset;width:100%}.x-chip.btn-app i{margin-bottom:0;margin-right:15px}}