.login-container{max-width:400px;margin:2rem auto;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.login-title{color:#2c3e50;margin-bottom:2rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-input{padding:.8rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-input:focus{outline:none;border-color:#3498db}.error-message{color:#e74c3c;font-size:.875rem;height:1.25rem}.submit-button{background:#3498db;color:#fff;padding:1rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background .3s}.submit-button:hover{background:#2980b9}.forgot-password{color:#3498db;text-decoration:none;font-size:.875rem;text-align:center;margin-top:-.5rem}.social-login{margin-top:2rem;text-align:center}.social-text{color:#7f8c8d;margin-bottom:1rem}.social-buttons{display:flex;gap:1rem;justify-content:center}html,body{font-family:Roboto,sans-serif}.social-login{margin-top:24px;text-align:center}.social-login p{margin-bottom:12px;font-size:14px;color:#666}.social-buttons{display:flex;justify-content:center;gap:12px}.social-button{display:flex;align-items:center;justify-content:center;gap:8px;background-color:#fff;border:1px solid #dadce0;border-radius:4px;padding:8px 16px;cursor:pointer;transition:background-color .2s}.social-button:hover{background-color:#f8f9fa}.social-button span{font-size:14px;font-weight:500;color:#3c4043}.mini-logo{position:relative;width:20px;height:20px;border-radius:50%;overflow:hidden}.mini-logo:after{position:absolute;content:"";display:block;width:60%;height:60%;border-radius:50%;background:#fff;inset:0;margin:auto;z-index:4}.mini-logo:before{position:absolute;content:"";display:block;width:35%;height:32%;background:#fff;right:0;z-index:10;bottom:50%;transform:rotate(45deg)}.mini-logo .g-line{width:50%;height:20%;background:#262626;position:absolute;right:0;margin:auto;border-bottom-right-radius:4px 20px;top:0;bottom:0;z-index:15}.mini-logo .yellow{width:40%;height:40%;position:absolute;left:-15%;bottom:32%;margin:auto;background:#262626;transform:rotate(-48deg);z-index:3}.mini-logo .green{position:absolute;width:100%;height:50%;bottom:0;border-radius:0 0 100% 100%;background:#262626;z-index:2}.mini-logo .blue{position:absolute;width:35%;height:32%;background:#262626;right:0;z-index:2;top:50%;transform:rotate(45deg)}.mini-logo .red{width:81%;height:50%;position:absolute;top:0;background:#262626}