body{display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0;background-color:#2e3440;color:#d8dee9;font-family:ubuntu,sans-serif;line-height:1.5}.login-container{background:#3b4252;padding:3rem;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.3);width:100%;max-width:300px}.login-title{text-align:center;margin-bottom:2rem;color:#eceff4;font-size:2rem;font-weight:700}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#d8dee9}.form-group input{width:100%;padding:.875rem;border:1px solid #4c566a;border-radius:4px;box-sizing:border-box;background-color:#2e3440;color:#eceff4;font-size:1rem}.form-group input:focus{outline:none;border-color:#88c0d0}.btn-login{width:100%;padding:.875rem;background-color:#88c0d0;color:#2e3440;border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s ease}.btn-login:hover{background-color:#8fbcbb;transform:translateY(-2px);box-shadow:0 4px 12px rgba(136,192,208,.3)}.separator{display:flex;align-items:center;text-align:center;margin:2rem 0}.separator::before,.separator::after{content:"";flex:1;border-bottom:1px solid #4c566a}.separator span{padding:0 1rem;color:#d8dee9;font-size:.875rem}.provider-buttons{display:flex;flex-direction:column;gap:.75rem;list-style:none;padding:0;margin:0;align-items:center;justify-content:center}.btn-provider{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#fff;background-image:none;border:1px solid #747775;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#1f1f1f;cursor:pointer;font-family:roboto,ubuntu,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;-webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:256px;margin:0 auto}.btn-provider:disabled{cursor:default;background-color:#ffffff61;border-color:#1f1f1f1f}.btn-provider:disabled .btn-provider-contents,.btn-provider:disabled .icon{opacity:38%}.btn-provider:not(:disabled):active .btn-provider-state,.btn-provider:not(:disabled):focus .btn-provider-state{background-color:#303030;opacity:12%}.btn-provider:not(:disabled):hover{-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow:0 1px 2px rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15)}.btn-provider:not(:disabled):hover .btn-provider-state{background-color:#303030;opacity:8%}.btn-provider-state{-webkit-transition:opacity .218s;transition:opacity .218s;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}.btn-provider-content-wrapper{-webkit-align-items:center;align-items:center;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}.btn-provider-icon{height:20px;margin-right:12px;min-width:20px;width:20px;display:flex;align-items:center;justify-content:center}.btn-provider-icon .icon{height:20px;width:20px;display:block}.btn-provider-contents{-webkit-flex-grow:1;flex-grow:1;font-family:roboto,ubuntu,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.login-footer{text-align:center;margin-top:2rem;color:#d8dee9;font-size:.875rem}.login-footer a{color:#88c0d0;text-decoration:none}.login-footer a:hover{text-decoration:underline}