.signin-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.signin-container{background:white;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.3);padding:48px;max-width:440px;width:100%}.signin-header{text-align:center;margin-bottom:32px}.signin-title{font-size:32px;font-weight:700;color:#1a202c;margin-bottom:8px}.signin-description{font-size:16px;color:#718096;line-height:1.5}.signin-providers{display:flex;flex-direction:column;gap:12px}.signin-button{width:100%;padding:14px 24px;background:#667eea;color:white;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:12px}.signin-button:hover{background:#5a67d8;transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.signin-button:active{transform:translateY(0)}.signin-input{width:100%;padding:12px 16px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:15px;color:#1a202c;background:#f7fafc;box-sizing:border-box;transition:border-color .2s,box-shadow .2s;margin-bottom:10px}.signin-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.2);background:white}