body,html{margin:0;padding:0;font-family:Poppins,sans-serif}.landing-page{background-image:url(/images/background-home.png);background-size:200px 200px;background-repeat:repeat;display:flex;justify-content:center;align-items:center;min-height:100vh}.login-container{background:transparent;padding:0;text-align:center;width:100%}.logo{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700;box-shadow:0 8px 20px rgba(102,126,234,.3)}h1{font-size:48px;margin-bottom:10px;margin-top:80px}h1,p{color:#464e5f;text-align:center;font-weight:600}p{font-size:20px;margin-bottom:80px}.subtitle{color:#464e5f;text-align:center;margin-bottom:30px}.btn,.subtitle{font-size:16px;font-weight:500}.btn{font-family:Poppins,sans-serif;display:flex;padding:12px 30px;justify-content:center;align-items:center;gap:10px;border-radius:30px;background:linear-gradient(90deg,#1973cb,#394b5f);color:#fff;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;box-shadow:0 4px 15px rgba(25,115,203,.3);margin:0 auto 90px}.btn:hover{background:linear-gradient(90deg,#1560b8,#2f3e4f);transform:translateY(-2px);box-shadow:0 6px 20px rgba(25,115,203,.4)}.btn:disabled{background:#bdc3c7;cursor:not-allowed;transform:none;box-shadow:0 2px 8px hsla(204,8%,76%,.3)}.loading{display:none;margin-top:20px}.spinner{border:3px solid rgba(102,126,234,.1);border-top-color:#667eea;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin:0 auto 10px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error{color:#e74c3c;background:rgba(231,76,60,.1);border-radius:8px;border:1px solid rgba(231,76,60,.2)}.error,.success{padding:12px;margin-top:20px;display:none}.success{color:#27ae60;background:rgba(39,174,96,.1);border-radius:8px;border:1px solid rgba(39,174,96,.2)}.logo-pelindo{position:absolute;top:32px;left:32px;z-index:1000}.logo-pelindo img{height:40px;width:auto}.illustration-container{width:100%;margin-top:30px;display:flex;justify-content:center}.illustration-image{width:100%;max-width:100%;height:auto;border-radius:10px}