*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:#fff;background:#0d0d0d;margin:0;font-family:Arial,sans-serif}header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}h1{margin:0;font-size:40px}h2{margin-top:24px;font-size:28px}main:not(.login){padding:0 24px 40px}p{line-height:1.8}hr{border:none;border-top:1px solid #333;margin:20px 24px 0}.mensaje{color:#fff;cursor:pointer;background-color:#2563eb;border-radius:10px;padding:12px 24px;font-size:16px;font-weight:600;text-decoration:none;transition:background-color .2s,transform .2s}.mensaje:hover{background-color:#1d4ed8;transform:translateY(-1px)}button{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:10px;padding:14px 24px;font-family:inherit;font-size:16px;font-weight:600;transition:background-color .2s,transform .2s,opacity .2s}button:hover{background-color:#1d4ed8;transform:translateY(-1px)}button:disabled{opacity:.65;cursor:not-allowed;transform:none}.login{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:40px 24px;display:flex;position:relative}.login h1{margin-bottom:28px;font-size:44px}.volver{color:#d1d5db;background:#171717;border:1px solid #2f2f2f;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:15px;font-weight:600;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s,transform .2s;display:inline-flex;position:absolute;top:24px;left:24px}.volver:hover{color:#fff;background:#202020;border-color:#4b4b4b;transform:translate(-2px)}.google-button{color:#202124;cursor:pointer;background:#fff;border:1px solid #dadce0;border-radius:10px;justify-content:center;align-items:center;gap:12px;width:100%;max-width:460px;padding:15px 20px;font-size:16px;font-weight:600;transition:background-color .2s,transform .2s,box-shadow .2s;display:flex}.google-button:hover{background:#f3f4f6;transform:translateY(-1px);box-shadow:0 4px 14px #0000002e}.google-button:disabled{opacity:.7;cursor:not-allowed}.separator{color:#8b8b8b;align-items:center;gap:14px;width:100%;max-width:460px;margin:24px 0;display:flex}.separator:before,.separator:after{content:"";background:#2d2d2d;flex:1;height:1px}.separator span{font-size:14px}.login-form{flex-direction:column;gap:18px;width:100%;max-width:460px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#e5e5e5;font-size:15px;font-weight:600}.form-group input{color:#fff;background:#171717;border:1px solid #3a3a3a;border-radius:10px;outline:none;width:100%;padding:15px 16px;font-family:inherit;font-size:16px;transition:border-color .2s,box-shadow .2s,background-color .2s}.form-group input:hover{border-color:#505050}.form-group input:focus{background:#191919;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb2e}.login-form button{border-radius:10px;width:100%;padding:15px 20px;font-size:16px}.login-error{color:#f87171;width:100%;max-width:460px;margin:14px 0 0;font-size:14px}@media (width<=480px){header{padding:16px 16px 0}main:not(.login){padding:0 16px 32px}hr{margin:16px 16px 0}h1{font-size:30px}h2{font-size:24px}.mensaje{padding:10px 14px;font-size:14px}.login{padding:80px 16px 32px}.login h1{font-size:36px}.volver{top:16px;left:16px}}