@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap");.signin-container{font-family:Poppins,Arial,sans-serif;background:#111827;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.container{position:relative;width:100%;max-width:440px;z-index:1}.container:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(45deg,#eff6ff,#2663eb,#eff6ff,#2663eb);background-size:200% 200%;border-radius:23px;z-index:-1;animation:gradientShift 4s ease-in-out infinite;opacity:.8}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.card-content{background:rgba(255,255,255,.98);backdrop-filter:blur(20px);border-radius:20px;padding:32px 28px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.3);position:relative;z-index:1}.logo-section{margin-bottom:12px}.logo-signin{width:80px;height:80px;margin:0 auto 12px;background-image:url(https://res.cloudinary.com/dtqf0dgnx/image/upload/v1750958206/Asphalt_rkrazc.png);background-size:contain;background-repeat:no-repeat;background-position:50%}.logo-section .brand-name{font-size:28px;font-weight:700;color:#111827;letter-spacing:-.5px;margin-bottom:0}.tagline{color:#6b7280;font-size:15px;font-weight:400;margin-bottom:10px;margin-top:0;line-height:1.5}.sign-in-form{display:flex;flex-direction:column;gap:16px}.input-group{position:relative;text-align:left}.input-group label{display:block;font-size:14px;font-weight:500;color:#111827;margin-bottom:8px}.input-group input{width:100%;padding:16px 18px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;font-family:Poppins,Arial,sans-serif;background:#ffffff;transition:all .3s ease;outline:none;color:#111827}.input-group input:focus{border-color:#2663eb;box-shadow:0 0 0 4px rgba(38,99,235,.1)}.input-group input::placeholder{color:#9ca3af}.back-to-signin-btn,.request-access-btn,.sign-in-btn{padding:18px 24px;border-radius:12px;font-size:16px;font-weight:600;font-family:Poppins,Arial,sans-serif;cursor:pointer;transition:all .3s ease;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:10px;border:none}.back-to-signin-btn:disabled,.request-access-btn:disabled,.sign-in-btn:disabled{opacity:.6;cursor:not-allowed}.back-to-signin-btn:active,.request-access-btn:active,.sign-in-btn:active{transform:translateY(0)}.sign-in-btn{background:#111827;color:white}.sign-in-btn:hover:not(:disabled){background:#1f2937;transform:translateY(-2px);box-shadow:0 8px 25px rgba(17,24,39,.25)}.back-to-signin-btn,.request-access-btn{background:#6b7280;color:white}.back-to-signin-btn:hover:not(:disabled),.request-access-btn:hover:not(:disabled){background:#4b5563;transform:translateY(-2px);box-shadow:0 8px 25px rgba(107,114,128,.25)}.button-arrow{width:18px;height:18px;fill:currentColor;transition:transform .3s ease}.sign-in-btn:hover:not(:disabled) .button-arrow{transform:translateX(3px)}.back-to-signin-btn:hover:not(:disabled) .button-arrow,.request-access-btn:hover:not(:disabled) .button-arrow{transform:translateX(-3px)}.footer-text{margin-top:40px;font-size:13px;color:#9ca3af;line-height:1.6;font-weight:500}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#eff6ff}.loading-spinner{color:white;font-size:18px;font-weight:500;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:480px){.container{padding:40px 30px;margin:10px;max-width:100%}.brand-name{font-size:24px}}